Reactjs react路由器组件深度链接。可能的

我在使用react路由器组件时遇到一些问题

下一个代码至少适用于以下链接：

?

文档中没有关于此问题的示例

---

谢谢

我在文档中找到了答案

我们只需要创建带有位置的嵌套组件

var Sidebar = React.createClass({

  render: function() {
    return (
      <Locations>
        <Location path="/" handler={MainSidebar} />
        <Location path="/users/:username" handler={UserSidebar} />
      </Locations>
    )
  }
})

var Content = React.createClass({

  render: function() {
    return (
      <Locations>
        <Location path="/" handler={MainContent} />
        <Location path="/users/:username" handler={UserContent} />
      </Locations>
    )
  }
})

Then combine them into a single component:

var App = React.createClass({

  render: function() {
    return (
      <div>
        <Sidebar />
        <Content />
      </div>
    )
  }
})

var侧栏=React.createClass({
render:function（）{
返回(
)
}
})
var Content=React.createClass({
render:function（）{
返回(
)
}
})
然后将它们组合成单个组件：
var App=React.createClass({
render:function（）{
返回(
)
}
})

http://localhost:8080/#about/insurance 

var Sidebar = React.createClass({

  render: function() {
    return (
      <Locations>
        <Location path="/" handler={MainSidebar} />
        <Location path="/users/:username" handler={UserSidebar} />
      </Locations>
    )
  }
})

var Content = React.createClass({

  render: function() {
    return (
      <Locations>
        <Location path="/" handler={MainContent} />
        <Location path="/users/:username" handler={UserContent} />
      </Locations>
    )
  }
})

Then combine them into a single component:

var App = React.createClass({

  render: function() {
    return (
      <div>
        <Sidebar />
        <Content />
      </div>
    )
  }
})