Reactjs Redux React使用api调用填充initialState
使用来自组件或此处的json api调用填充我的initialStateReactjs 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
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是的,当然。我只是复制了他的代码来更改更新
案例,但我甚至没有看到那个新闻状态。谢谢:)