请问我们这种布局怎么做最好?多谢!

#1

如图所示,我们的程序设计是这个样子的,按照我的理解应该分成3个区域,A部分是顶部操作栏,是一个组件。B区域是一个导航栏,是一个组件。C区域是主程序区,显示不同的组件。当B区域点击某个功能时,C区域就显示对应的组件。

请问,想这样的程序,是靠每次点击B进行切换时,都重新render,然后render不同的组件完成吗?还是有其他的更好的方法?

多谢

#2

一般就是这样做的啊

#3

可以直接渲染出所有的组件, 然后使用 CSS 的 display 或者 transform 或者绝对定位来切换组件。
这样做的好处是没有渲染时延迟且易于控制, 缺点是直接渲染出大量 DOM 可能会占用大量内存。

#4

一个 react-router 就可以解决了, 这个教程就是这种布局

#5

大师兄说的对

#6

我寫的 itofoo 裡面的FAQ就是這樣布局.
建議使用react-router

測試網址
https://itofoo-f2ae9.firebaseapp.com/FAQ

#7

来来来,React-Router side bar官方资料