reactjs - 复制反应状态是正确的设计方法吗？

Question

我有一个应用程序设置，这样 index.js 包含我的应用程序的主要状态并传递给子组件。它也使用单个减速器。index2.js 定义了与 index.js 相同的状态，并使用相同的 reducer 逻辑。我本可以将 reducer 和 state 提升到 app.js 并在 index.js 和 index2.js 之间共享，但是反对这样做的理由是避免共享 index2.js 不需要的其他代码，因为我预见到 index2.js及其子组件将发生更多变化。这样做除了违反 DRY 原则还有什么缺点吗？有什么建议或想法吗？

组件层次结构（示例）：

app.js
+--index.js
   +--childComponentA.js
   +--childComponentB.js
+--index2.js
   +--childComponentA.js
   +--childComponentB.js

标签： reactjs