使用axios获取数据和reducer结合
程序员文章站
2022-07-01 16:24:08
首先我们需要安装axiosnpm install --save axios在安装完成之后,假设在页面加载的时候就去请求数据在easy-mock上面模拟的请求数据 componentDidMount(){ Axios.get('https://www.easy-mock.com/mock/5f5f59a83d43414305879b1c/example/mock').then((res)=>{ const action={ type:GET_LIST...
首先我们需要安装axios
npm install --save axios
在安装完成之后,假设在页面加载的时候就去请求数据
在easy-mock上面模拟的请求数据
componentDidMount(){
Axios.get('https://www.easy-mock.com/mock/5f5f59a83d43414305879b1c/example/mock').then((res)=>{
const action={
type:GET_LIST,
data:res.data.data.data
}
console.log(res)
store.dispatch(action)
})
}
在reducer文件里面处理传递的数据
if(action.type===GET_LIST){
let newState=JSON.parse(JSON.stringify(state))
newState.data=action.data
console.log(newState)
return newState //在数据传递的最后,记得一定要进行返回
}
本文地址:https://blog.csdn.net/weixin_43709908/article/details/108586791
推荐阅读
-
android使用url connection示例(get和post数据获取返回数据)
-
微信小程序授权 获取用户的openid和session_key【后端使用java语言编写】,我写的是get方式,目的是测试能否获取到微信服务器中的数据,后期我会写上post请求方式。
-
在react中,使用axios获取后台服务器数据的方法
-
vue中使用axios发送ajax请求,获取数据
-
Axios新实例和vue、elenemt-ui结合使用
-
react中使用axios获取后台服务器数据
-
使用axios获取数据和reducer结合
-
android使用url connection示例(get和post数据获取返回数据)
-
使用AJAX和Django获取数据的方法实例
-
【JAVA】表格数据的存储(1) 使用Map和List相结合的方式存储整张表格