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

时间:2015-08-15 23:44:13

标签: javascript backbone.js reactjs single-page-application

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

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

  1. 有一个通用反应组件(console.jsx),它接受一个urlparameter作为prop,以确定要呈现的内容(照片或设置)。
  2. 或2.具有一般反应组件并定义一个状态变量,该变量表示要呈现的内容。

    非常感谢任何帮助!

1 个答案:

答案 0 :(得分:8)

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