在 redux 存储更改后未重新渲染和更新 React 组件

Question

重现此问题的沙盒链接： https://codesandbox.io/s/redux-component-store-issue-kegqo

Answer 1

沙盒链接问题已修复： https://codesandbox.io/s/fix-redux-component-store-issue-j7oxb?file=/src/redux/reducers/userReducer.js

const userReducer = (state=initialState, actions) => {
    switch(actions.type) {
        case UPDATE_USERS:
            return {...state, users: [...actions.payload.users]}
        default:
            return {...state}
    }
}

在react reducer中，对于数组使用 [...Array]，对于对象使用{...object}