reactjs - useDispatch Hook 以错误的顺序触发，

Question

我刚开始学习 Redux，但遇到了问题。

我有 Action :

export const getValues = () => async (dispatch) => {
    try {
        const res = await axios.get(`/values`);
        dispatch({
            type: VALUE_STATE,
            payload: res.data,
        });
    } catch (err) {
        console.log(err);
    }
};
    
    
export const getUsers = () => async (dispatch) => {
    try {
        const res = await axios.get(`/users`);
        dispatch({
            type: ALL_USER,
            payload: res.data,
        });
    } catch (err) {
        console.log(err);
    }
};

组件

const handleClick = () => {
    dispatch(getValues());
    dispatch(getUsers());
};

为什么，当我调度时，它们以错误的顺序触发，有时以正确的顺序触发？

Answer 1

使用批处理在一次状态更新中按顺序设置它们:

const handleClick = () => async {
     await getValues();
     await getUsers();
};