写一个网页，显示的内容是不变的，但是根据某些条件，网页的布局会发生变化，总共有 7 ～ 8 种可能吧。
我目前的想法是把网页中不变的元素封装成一个个 container 或者 component ，然后根据这些不同的条件，写 7 ～ 8 个大的 container 包含所有页面元素，对应这些不同的布局。比如把 sidebar 封装成一个 container ，有的页面把 sidebar 放左边，有的页面把 sidebar 放右边。当用户请求时，根据条件，渲染对应的页面布局。
总感觉会有更加简单的方法，请问各位怎么看？
 |
1
dtysky Oct 20, 2016
react-router + inline-style
|
 |
2
kenshinhu Oct 20, 2016
同求 React + Flux Best Practice
|
 |
3
hansnow Oct 20, 2016
能想到的和你说的一样，同期待最佳实践
|
 |
4
jaimezhan Oct 20, 2016
直接将布局写好后，用 redux 提供的 store 来控制各个布局层的展示就好了
|
 |
5
reus Oct 20, 2016
没有更简单的，这种就是最佳做法了。也不用什么 router 。
再复杂的页面也是这种套路，可以无脑堆组件，也是我喜欢 react 类框架的原因，不用像 jquery 一样手工写过程。 |
 |
6
hronro Oct 20, 2016
我觉得，如果只是 ui 的变化，根本不用上 Redux
|
 |
7
dantegg Oct 20, 2016
用不上 redux 吧
|
 |
8
hantsy Oct 20, 2016
1. Pure stateless functional components.
2. Container/presenter pattern, split concerns, presenter components only for rendering UI. 3. State management with Redux, and extension, such as redux-obseverable, redux-promise, form, fetch, immutablejs, etc. |
|
9
hantsy Oct 20, 2016
Another popular combination, React+Mobx, plus amouts of Mobx extensions.
|
 |
10
xieguanglei Oct 21, 2016
你这需求，用不上 redux 。
不用写 7 到 8 个大 container ，只要写一个大 container ，根据「不同的条件」输出不同的 JSX 就可以了。 「不同的条件」是什么很重要，如果只被交互影响，直接放在大 container 的 state 上即可 。更复杂的话，可以考虑 react-router 。 |
Select Language