axios-mock-adapter没有在React组件中获取我假的数据
创始人
2024-09-28 13:01:40
0
  1. 确认axios-mock-adapter的调用方式是否正确,并检查是否已启用mockAdapter拦截器。

  2. 确认传递给axios的URL是否正确,并检查mockAdapter实例化时是否正确设置了URL和响应数据。

  3. 确认组件是否正确引入了axios和mockAdapter库。

示例代码:

import axios from 'axios'; import MockAdapter from 'axios-mock-adapter';

const mock = new MockAdapter(axios); mock.onGet('/api/data').reply(200, { data: [{ title: 'Mock Data' }] });

axios.get('/api/data') .then(response => console.log(response.data)) .catch(error => console.log(error));

在React组件中使用axios-mock-adapter:

import axios from 'axios'; import MockAdapter from 'axios-mock-adapter';

const mock = new MockAdapter(axios); mock.onGet('/api/data').reply(200, { data: [{ title: 'Mock Data' }] });

class App extends React.Component { state = { data: [] }

componentDidMount() { axios.get('/api/data') .then(response => this.setState({ data: response.data.data })) .catch(error => console.log(error)); }

render() { return (

    {this.state.data.map(data => (
  • {data.title}
  • ))}
); } }

ReactDOM.render(, document.getElementById('root'));

相关内容

热门资讯

三分钟了解!hhpoker视频... 三分钟了解!hhpoker视频巡查真的假的(辅助挂)总是真的有挂(有挂攻略辅助教程)1、三分钟了解!...
重要通知!wepoker破解器... 重要通知!wepoker破解器(辅助挂)果然存在有挂(有人有挂辅助插件);1、完成有辅助插件,帮助玩...
重大消息!wepoker软件靠... 重大消息!wepoker软件靠谱么(辅助挂)一贯真的有挂(有挂方式辅助攻略)1、玩家可以在透视最简单...
一分钟了解!wepoker辅助... 您好,这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在这款游戏中打...
玩家必备教程!来玩德州破解器(... 玩家必备教程!来玩德州破解器(辅助挂)竟然真的有挂(今日头条辅助工具)1、辅助软件下载优化,底牌透视...
重大消息!wepoker破解游... 重大消息!wepoker破解游戏盒子(辅助挂)本来存在有挂(有挂解密辅助插件)1、实时透视辅助更新:...
玩家攻略!pokerworld... 玩家攻略!pokerworld软件(辅助挂)总是是有挂(有挂教程辅助脚本)1、完成辅助器v3.3的残...
指导大家!hhpoker可以控... 指导大家!hhpoker可以控制牌吗(辅助挂)好像是真的有挂(确实有挂辅助方法)1)有没有挂:进一步...
发现一款!wepoker有辅助... 发现一款!wepoker有辅助插件吗(辅助挂)原来存在有挂(有挂秘笈辅助插件)1、这是跨平台的轻量版...
玩家必看科普!佛手大菠萝有挂吗... 玩家必看科普!佛手大菠萝有挂吗(辅助挂)果然存在有挂(有挂神器辅助器)1、很好的工具软件,可以解锁游...