reactjs - React/redux combineReducers 问题

Question

我正在尝试将两个减速器与 redux 结合起来：增量和减量减速器。

在我的store.js文件中：

使用这条线import reducer from "./reducers/increment";，按钮增量起作用。

使用这条线import reducer from "./reducers/decrement";，按钮减量起作用。

有了这条线import reducer from "./reducers/index";，计数器甚至不显示。

我的代码在这里给出。

请问我做错了什么？

如果两个减速器状态具有相同的计数器值怎么办？如果修改了 counter 的值，哪个是事实来源？

谢谢您的帮助。

score 0 · Accepted Answer

我假设这是您真实代码的替代示例，但我建议将这些操作组合到一个 reducer 中，这样就可以为当前状态counter提供一个来源。counter

您应该这样做，因为在您的mapStateToProps函数 insideSiblingTwo.js中，您需要执行以下操作：

const mapStateToProps = (state, ownProps) => ({
    counter: state.increment.counter
});

它是state.increment.counteror state.decrement.counter，所以只有将减速器组合成一个并调用state.counter.counter.

您当前的代码不起作用，因为您错误地调用counter: state.counter

1 回答 1