我正在使用React和Backbone构建一个单页面应用程序，并试图找出处理应用程序内容之间导航的最佳实践。我的应用程序将带有一个带有链接的侧边栏，例如，指向“照片”和“设置”的链接。侧边栏始终存在，因此在单击“设置”时，我希望在不重新加载整个页面的情况下呈现设置组件。Slack是我要寻找的一个很好的例子，单击不同的频道可以切换对话内容，但不会重新加载整个页面。

我对如何实现这一点有一些想法，但是我不确定什么是最好的：

1. 有一个通用的react组件（console.jsx），该组件接受urlparameter作为道具来确定要渲染的内容（照片或设置）。

或2.具有一般的react组件并定义一个状态变量，该状态变量表示要呈现的内容。

任何帮助将不胜感激！