如何將道具傳遞到具有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如何做到這一點的另一種方式

我希望它會幫助你 謝謝