React Single Page Application：正确渲染不同的“页面”答案

【问题标题】：React Single Page Application: Properly rendering different "pages"React Single Page Application：正确渲染不同的“页面”
【发布时间】：2017-09-19 05:12:43
【问题描述】：

所以我有一个关于 React SPA（单页应用程序）的设计模式问题。现在，我们正在使用 redux state 来跟踪用户在哪个“页面”上。根据该页面，我们使用条件 (switch/ifelse) 呈现不同的 html/css。

我觉得为变化不大的东西创建新组件是一种浪费，而每个组件的 html/css 差异各不相同......我想知道是否有更好或“正确”的方法这样做？

edit：在与一位工程师交谈后，我认为有条件地渲染单独的组件是有意义的。尽管对我来说抽象似乎有点矫枉过正，但从长远来看它可能更易于维护。

【问题讨论】：

有些人更喜欢使用 React-router 来处理您所指的内容，但我认为它也可以由您决定（如果它有效，那么可以这么说）跨度>

标签： reactjs redux react-redux single-page-application

【解决方案1】：

你可以使用 react-router 和 react-router-redux。

https://github.com/ReactTraining/react-router

https://github.com/ReactTraining/react-router/tree/master/packages/react-router-redux

它可以与 React 和 Redux 连接。它提供了一个动作创建器（推送），因此您可以调度类似路由器的动作。

【讨论】：