Axios异步获取数据并和Redux结合

TodoList.js

componentDidMount(){
        store.subscribe(this.storeChange) //订阅
        axios.get('https://........').then((res)=>{
            const data=res.data
            const action=getListAction(data)
            store.dispatch(action)
        })
    }

actionCreators.js

export const getListAction=(data)=>({
    type:GET_LIST,
    data
})

actionTypes.js

export const GET_LIST='getList'

reducer.js  //因为axios是写componentDidMount中,所以该方法可以代替默认值呈现,默认值可设为空

if(action.type===GET_LIST){
        let newState=JSON.parse(JSON.stringify(state))//深拷贝
        newState.List=action.data.data.list
        return newState
    }

 

posted @   SimoonJia  阅读(92)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示