javascript - 如何使用ReactJS(和react-router)将props传递到react-router中

Question

我有这段代码可以在不同的组件之间切换。 我想以一种简单的方式将值传递给不同的组件，如下所示；

<Route path="student" component={Student} websocket={self.websocket}/>

有没有简单的方法可以做到这一点？我看过克隆类等，但我认为这些答案“不够好”。我没有发现类似的情况，希望有人能回答我的问题。

“完整”中的代码；

ReactDOM.render(
<Router history={browserHistory}>
  <Route path="/" component={App}>
    <Route path="student" component={Student}/>
    <Route path="about" component={About}/>
    <Route path="login" component={LoginForm}/>
    <Route path="oauth" component={Knapp}/>
  </Route>
</Router>, document.getElementById("container") );

Answer 1

你可以做这样的事情

class Example extends React.Component { 
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <h1>
        Checking props - {this.props.route.foo}
      </h1>
    );
  }

}

var routes = (
  <Route path="/" foo="bar" component={Example}/>
);

您也可以看看here如何以另一种方式做到这一点

希望对你有帮助 谢谢