使用 react.js 在单页应用中导航
Navigation in a single page app with react.js
我正在使用 React 和 Backbone 构建单页应用程序,并试图找出处理应用程序内容之间导航的最佳实践。我的应用程序将有一个带有链接的边栏,例如 "photos" 和 "settings"。侧边栏始终存在,因此单击 "settings" 后,我希望在不重新加载整个页面的情况下呈现设置组件。 Slack 是我正在寻找的一个很好的例子,点击不同的频道会切换对话内容,但不会重新加载整个页面。
我对如何实现这个有一些想法,但我不确定什么是最好的:
- 有一个通用的 React 组件 (console.jsx),它接受一个 url 参数作为道具来确定要呈现的内容(照片或设置)。
或 2. 有一个通用的 React 组件并定义一个状态变量来表示要呈现的内容。
如有任何帮助,我们将不胜感激!
你听说过 React 路由器吗?似乎是你想要的。
react router
我正在使用 React 和 Backbone 构建单页应用程序,并试图找出处理应用程序内容之间导航的最佳实践。我的应用程序将有一个带有链接的边栏,例如 "photos" 和 "settings"。侧边栏始终存在,因此单击 "settings" 后,我希望在不重新加载整个页面的情况下呈现设置组件。 Slack 是我正在寻找的一个很好的例子,点击不同的频道会切换对话内容,但不会重新加载整个页面。
我对如何实现这个有一些想法,但我不确定什么是最好的:
- 有一个通用的 React 组件 (console.jsx),它接受一个 url 参数作为道具来确定要呈现的内容(照片或设置)。
或 2. 有一个通用的 React 组件并定义一个状态变量来表示要呈现的内容。
如有任何帮助,我们将不胜感激!
你听说过 React 路由器吗?似乎是你想要的。 react router