当前位置:  开发笔记 > 编程语言 > 正文

如何在React Router中链接到嵌套路由

如何解决《如何在ReactRouter中链接到嵌套路由》经验,为你挑选了0个好方法。

当前,我在我的应用程序中使用以下代码。

const {
  Router,
  Route,
  IndexRoute,
  Redirect,
  Link,
  IndexLink,
  hashHistory
} = ReactRouter

var App = React.createClass({
  render : function() {
  	return (
    	

My Application

Go to One
Go to Three
{this.props.children}
) } }) var Index = React.createClass({ render : function() { return (

This is index route

) } }) var LevelOne = React.createClass({ render : function() { return (

This is LevelOne

{this.props.children}
) } }) var LevelTwo = React.createClass({ render : function() { return (

This is LevelTwo

) } }) var routes= ( ) ReactDOM.render(, document.getElementById('app'));



在上面的代码中,我/levelone/1/leveltwo/5App无法正常工作并显示错误的组件进行链接[react-router] Location "/levelone/1/leveltwo/5" did not match any routes

但是,如果我将链接放在组件中,LevelOne如下面的代码片段所示,该链接将指向LevelTwo,就像我想要的那样

var LevelOne =  React.createClass({
    render : function() {
        return (
            

This is LevelOne

Go to LevelTwo
{this.props.children}
) } })

如果要从最外部的组件链接到LevelTwo,该怎么办?

推荐阅读
乐韵答题
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有