redux中的中间件thunk主要有什么作用?

Question

redux中的中间件thunk主要有什么作用

Answer 1

hunk的意思是中间函数，在redux中，有个东西叫做action，如果配置了redux-thunk，那么在action中写代码的时候，就可以写成下面这种形式：

123456789101112131415

function saveData(data) {    return {        type: 'SVAE_DATA',        date: data    }} exports function getData(){    return async (dispatch) => {        const data = await get(`/api`)        if (result) {            await dispatch(saveData(data))        }    }}

在这个例子中，saveData就是一个thunk，getData的作用是接收服务端返回的数据，然后通过thunk函数去调用对应的reducers保存到store上。dispatch就是负责调用thunk函数