使用 react.js 在单页应用中导航

Navigation in a single page app with react.js

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

我对如何实现这个有一些想法,但我不确定什么是最好的:

  1. 有一个通用的 React 组件 (console.jsx),它接受一个 url 参数作为道具来确定要呈现的内容(照片或设置)。

或 2. 有一个通用的 React 组件并定义一个状态变量来表示要呈现的内容。

如有任何帮助,我们将不胜感激!

你听说过 React 路由器吗?似乎是你想要的。 react router