javascript - 提供者组件不会重新渲染

Question

我实际上不确定这是否是预期的行为，我只是错过了一些东西:)

容器文件:

https://gist.github.com/anonymous/2b93241de5573bd0a6bd

该游戏组件的使用方式如下:

https://gist.github.com/anonymous/80f0c2747c25a541e68d调度 pickColor 操作后，商店会更新(我通过从其他地方订阅它来检查)。因此，在调度此操作后 - 游戏组件不会重新渲染。

正如我所说，我不确定是否我没有正确设置 redux 或者它只是以这种方式设计，所以我必须通过订阅 store 来手动重新渲染组件？

Answer 1

当状态对象是新的对象实例时，react-redux 绑定(bind)只会更新您的组件。

因此，您的 reducer 必须返回全新的对象。这就是不变性的全部内容。

不好:

switch (action.type) {
    case SET_VALUE:
        state.value = action.value;
        return state;
}

好:

switch (action.type) {
    case SET_VALUE:
        return Object.assign({}, state, {
            value: action.value
        });
}