ReduxThunk 如何将动作数据传递到原始状态？

Question

我想将动作数据传递到初始状态，而不必等待数据被获取。

我遵循了本教程并且它有效，但我正在尝试修改它以解析任何 JSON 数据，这也有效，但我一直不得不输入用户名来获取数据，我希望它可以从初始状态获取。 对不起，如果我没有正确解释这一点，但我希望你明白。

const initialState = {
  userData: {},
  isFetching: false,
  isError: false
};

const asyncReducer = (state = initialState, action) => {
  switch (action.type) {
    case "FETCH_USER":
      return Object.assign({}, state, {
        isFetching: true,
        userData: {},
        isError: false
      });
      case "FETCHED_USER":
        return Object.assign({}, state, {
          userData: action.data,
          isFetching: false,
          isError: false
        });
      case "RECEIVE_ERROR":
        return Object.assign({}, state, {
          isError: true,
          isFetching: false
        });
    default:
      return state;
  }
};

export default asyncReducer;

Answer 1

您的问题有点不清楚，并且没有操作代码我认为您的意思是您想访问操作创建者中的 redux 存储，这样您就不必每次都从后端或任何地方获取用户数据正确? 如果是这种情况，您可以非常简单地在调度后向 thunk 添加第二个参数并获取状态。 然后您将拥有状态值供您修改。 因此，您可以在操作中执行以下操作：

const myAction = () => (dispatch, getState) => {
  const userData = getState().userData;
  ...do your stuff with that
  dispatch({
    type: "FETCHED_USER",
    data: new_stuff
  });
}