react-redux 中异步action的解决方法

最新推荐文章于 2023-12-11 08:30:51 发布

TTST_HTSN

最新推荐文章于 2023-12-11 08:30:51 发布

阅读量497

点赞数 1

本文链接：https://blog.csdn.net/TTST_HTSN/article/details/104954217

版权

把网络请求放入action里面会出错
解决方式通过异步中间件 redux-thunk redux-sage redux-promise …

安装异步插件 npm install redux-thunk
在store.js 引入并使用

import {createStore,applyMiddleware} from 'redux'
import thunk from 'redux-thunk' //解决异步的插件
import reducer from './reducer'
export default createStore(reducer,applyMiddleware(thunk))

除了actionCreatore 需要修改之外其他的都不用动
a. 如果是同步的方法也不需要动返回action
b. 如果action里有异步返回一个函数函数能接受dispath 在函数内部做网络请求
成功之后通过dispath手动的发送

{
   addlist(){
      let action ={} 
      return action 
   },
   dellist(){
      return(dispatch)=>{
         <!-- 网络请求 -->
         setTimeOut(()=>{
            let action  ={} 
            dispatch(action)
         }，1000)
      }
   }
}