javascript - react : problems with . ..传播

Question

我正在尝试重新创建 Dan Abramov 类(class)中的 Redux 示例。传播{...store.getState()}在应用程序级别不起作用，Redux 正在更改状态并且 React 不会重新呈现。

当我用第 123 行替换第 121 行时，代码抛出错误。

完整代码在这里:https://github.com/asaadsaad/redux-react-code/blob/master/13-redux.html

状态对象: { todos: [{id, text, completed}], visivility: 'ALL' }

这条线工作正常: <TodoApp todos={store.getState().todos} visibility={store.getState().visivility} />

这一行不起作用: <TodoApp {...store.getState()} />

为什么会这样？

Answer 1

你在 combineReducer 的部分有错别字:

const appReducer = combineReducers({
    todos: todos_reducer,
    visivility: visibility_reducer
})

将其更改为:visivility -> visibility

那么，为什么这适用于原始版本？见:

visibility={store.getState().visivility}

在这里，您将 store.getState().visivility 状态作为 visibility 传递给您的应用程序。幸运的是在这里修正了错别字。但是，当您展开对象时，可见性 会保持原样。