如何将道具传递到具有ReactJS（和react-router）的反应路由器中

Question

我有这段在不同组件之间切换的代码片段。 我想以简单的方式将值传递给不同的组件，像这样;

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

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

“full”中的代码;

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如何做到这一点的另一种方式

我希望它会帮助你 谢谢