首页 > 解决方案 > 有两个计数器,每个计数器都有自己的 reducer 和 actions.js 。无法在 a 中显示计数变量

问题描述

我有两次经典计数器(加号按钮、减号按钮和计数显示)(counter.js 和 counter2.js)。每个计数器都有自己的 reducer 和 actions.js

我正在使用 redux-logger,所以我可以在控制台中看到。我可以说每个计数器都会更新其相应的“计数”。但是仅在控制台中。在实际页面中,我有一个 div 来显示“计数”状态,但它根本没有显示。这就是我在 counter.js 和 counter2.js 中使用的,分别显示计数

<div>{this.props.count}</div>

<div>{this.props.count}</div>

我有 reducer.js 和 reducer2.js 分别包含

const initialState = {
    count : 0,
    test:null
};

const initialState = {
    count : 0,
    test:null
};

再次,在控制台中,使用 redux 记录器,它们确实会正确更新,所以我知道我的代码正在运行。我的问题是在 div 上调用那些“计数”

标签: javascriptreactjsredux

解决方案


推荐阅读