首页 文章

无法以编程方式使用React Router更改路由

提问于
浏览
0

我尝试以编程方式使用React Router进行导航时遇到了很多麻烦 . 我可以改变路线一次,但我不能改变路线两次 .

我一直收到错误:Uncaught TypeError:无法读取null的属性'_currentElement'

你可以在这里看到我的代码:http://codepen.io/vpt/pen/bpyjoN

moveOver: function(){
  this.props.history.push('wow');
},
render: function(){
  return (
    <div>
      <button onClick={this.moveOver}>Goodbye!</button>
    </div>
  )
}

当我点击触发moveOver功能的按钮时,我的代码停止工作 . 它应该转移到第三条路线 .

谢谢您的帮助!

1 回答

  • 1

    根据您为代码提供的链接,它会破坏,因为Test3组件未正确定义 . 在渲染功能中,您没有返回 .

    应该是这样的:

    var Test3 = React.createClass({
      render: function() {
        return(
            <div>Wow!</div>
        );
      }
    });
    

    这将解决问题 .

相关问题