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

Question

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

Answer 1

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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函数