反应单页应用程序:正确呈现不同的页面"

时间:2017-09-18 20:31:37

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

所以我猜想React SPA的设计模式问题(单页应用程序)。现在,我们正在使用redux状态来跟踪哪个"页面"用户已开启。根据该页面,我们使用条件(switch / ifelse)渲染不同的html / css。

我觉得为不能改变的东西创建新组件是浪费,而每个组件的html / css差异各不相同......我想知道是否ares a a更好或"对"这样做的方法?

编辑:在与同事交谈后,我认为有条件地渲染单独的组件是有意义的。虽然对我的抽象似乎有些过分,但从长远来看它可能更容易维护。

1 个答案:

答案 0 :(得分: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连接。它提供了一个动作创建器(推送),因此您可以调度类似路由器的操作。