Redux - 相同的减速器，容器和组件产生不同的结果

编辑：解决方案将不同的变量连接到mapStateToProps。Redux - 相同的减速器，容器和组件产生不同的结果

我在使用react-redux应用程序时遇到了一些麻烦，我不确定我做错了什么。

源代码可以是found here。

Alphabetical动作和减速器似乎工作正常，但与Duplicate逻辑不同，词汇表不会在字母按钮切换时重新显示。我猜这是因为我没有正确地将它挂在商店/派送上。

我创建了Duplicate reducer，action，容器，组件，一旦我得到那些工作，我将代码复制到Alphabetical文件。除了变量名，代码应该是相同的，但是当我在createStore中分别运行每个reducer时，duplicates正常工作，而alphabetical则不正确。

你可以看到Alphabetical按钮应该如何在createStore函数中使用toggleDuplicates（我还在弄清楚为什么组合reducers不起作用 - 也许这与问题有关？）。

的src/entry.jsx

变化allReducers到toggleDuplicates或toggleAlphabetical

let store = createStore(
    allReducers, 
    initialState, 
    compose(
     applyMiddleware(createLogger()) 
    ) 
);

要运行，cd进入该目录，然后运行npm install，npm run server

预期的行为是Duplicate和Alphabetize按钮将在切换时使用正确的值更新GlossaryTable。当visibleWords状态更新时，GlossaryTable应重新呈现（由toggleDuplicates/toggleAlphabetical减速返回后。

的src /集装箱/ GlossaryContainer.js

这就是我想我可能不正确地布线高达

const mapStateToProps = (state) => ({ 
    visibleWords: getVisibleEntries(
     state.words, 
     state.visibleWords, 
     state.toggleDuplicates, 
     state.toggleAlphabetical 
) 
}); 

const VisibleGlossary = connect(
    mapStateToProps 
)(GlossaryTable); 

export default VisibleGlossary;

来源

2016-12-27 NoahLE

当您创建商店时，请避免initialState，只需将它传递给您的减速器即可。 – Hosar

状态到调度。您创建了一个名为words减速实际上并不是一个减速，但数组。

words应该只是在您的商店中的数据，而不是减速器本身

来源

2016-12-27 14:16:17 BravoZulu

Redux - 相同的减速器，容器和组件产生不同的结果

回答

相关问题