Reactjs Redux React使用api调用填充initialState

Reactjs Redux React使用api调用填充initialState,reactjs,redux,react-redux,Reactjs,Redux,React Redux,使用来自组件或此处的json api调用填充我的initialState const initialState = { myvalues: [] ---->here i want to populate this array }; const reducer = (state = initialState, action) => { const newState = { ...state }; switch (action.type) { cas

使用来自组件或此处的json api调用填充我的initialState

const initialState = {
      myvalues: [] ---->here i want to populate this array
    };

const reducer = (state = initialState, action) => {
  const newState = { ...state };
  switch (action.type) {
    case "Update":
      console.log(newState);
    // newState.myvalues = action.key.title.value;
    default:
      return newState;
  }
};
export default reducer;

您可以这样做:

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case "Update":
      return { ...state, myvalues: action.payload }
    default:
      return state;
  }
};

当你发送它时,你应该把你的API数据放在有效载荷中,你可以这样做:

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case "Update":
      return { ...state, myvalues: action.payload }
    default:
      return state;
  }
};

当你发送它时,你应该把你的API数据放在
有效载荷中

来用API中的数据填充你的
初始状态
,你可以创建一个例如
获取初始数据的动作
,它在你初始化你的存储后立即被发送

/。。。
const store=createStore(/*…*/)
dispatch({type:'FETCH\u INIT\u DATA\u ACTION'})
// ...

FETCH\u INIT\u DATA\u ACTION
会触发一个redux thunk、saga、effect或任何你想要使用的动作。

要用API中的数据填充你的
initialState
,你可以创建一个
FETCH\u INIT\u DATA\u ACTION
,在你初始化你的商店后立即调度它

/。。。
const store=createStore(/*…*/)
dispatch({type:'FETCH\u INIT\u DATA\u ACTION'})
// ...

然而
FETCH\u INIT\u DATA\u ACTION
会触发一个redux thunk、saga、effect或任何你想使用的东西。

不确定你为什么需要const newState?只要返回默认状态?@dorriz是的,当然。我只是复制了他的代码来更改
更新
案例,但我甚至没有看到那个新闻状态。谢谢:)不知道你为什么需要const newState?只要返回默认状态?@dorriz是的,当然。我只是复制了他的代码来更改
更新
案例,但我甚至没有看到那个新闻状态。谢谢:)