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

Question

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

我一直收到错误：Uncaught TypeError：无法读取属性＆＃39; _currentElement＆＃39;为null

您可以在此处查看我的代码：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功能的按钮时，我的代码停止工作。它应该转移到第三条路线。

感谢您的帮助！

Answer 1

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

应该是这样的：

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

将解决问题。