简单描述一下redux-thunk的个人理解

先说说中间件的理解:中间件的作用就是在执行某一任务过程的时间节点中,如执行前,执行中,执行后等等时间节点,插入某一项操作。

redux-thunk就是一款中间件,它能让我们在修改redux的state这一过程中,插入判断,让原本能够自动dispatch改变state的行为------变成需要我们在获取到正确的value值,进行判断之后,再通过手动调用dispatch来改变state

加入redux-thunk和不加入redux-thunk的体验上的区别,可以简单概况为,使用redux-thunk,我们需要手动去调用dispatch,这样我们可以在执行异步修改state的时候能让state的值变得可控。不使用redux-thunk,我们就不需要手动去调用dispatch,而是自动调用dispatch来修改state,这不适合异步修改state

使用redux-thunk的action函数写法

export const asyncChangeLocation = () => {
  return async (dispatch: any) => {
    const data: any = {};
    const params: any = {
      type: 'ASYNC_CHANGE_LOCATION',
      payload: {
        data
      }
    };
    dispatch(params);
  }
}

不使用redux-thunk的action函数写法

export const changeToken = (token: string) => {
  return {
    type: 'CHANGE_TOKEN',
    payload: {
      token
    }
  }
};
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值