Javascript 重发有效负载的正确发送
我是新手。我正在尝试创建一个简单的Javascript 重发有效负载的正确发送,javascript,reactjs,redux,react-redux,Javascript,Reactjs,Redux,React Redux,我是新手。我正在尝试创建一个简单的获取所有帖子 行动 export const fetchPosts = () => async dispatch => { const response = await jsonPlaceholder.get('/posts'); console.log(response.data) dispatch({ type: FETCH_ALL_POSTS, payload: response.data
获取所有帖子
行动
export const fetchPosts = () => async dispatch => {
const response = await jsonPlaceholder.get('/posts');
console.log(response.data)
dispatch({
type: FETCH_ALL_POSTS,
payload: response.data
})
}
posts reducer
export default (state = {}, action) => {
const { type, payload } = action;
switch (type) {
case FETCH_ALL_POSTS:
return {
...state, payload
}
default:
return state
}
}
发布列表组件
const mapStateToProps = state => {
console.log(Object.values(state.posts))
return {
posts: state.posts
}
}
这是可行的,但我从mapstatetrops
获取的数据不是我所期望的
结果:“数组:[0:[{},{},{}]]
我的预期结果:“数组:[{},{},{}]”试试这个
const initialState = {
posts: '',
}
export default (state=initialState, action) => {
const { type, payload } = action;
switch (type) {
case FETCH_ALL_POSTS:
return{
posts:state.posts=action.payload.posts
}
default:
return state
}
}
您是否检查了响应数据格式?是的,这是一个对象数组什么是
jsonPlaceholder
?您是否可以显示您的combineReducer函数?您是否尝试过任何答案?