React RouterによるLinkからのPropsをLink経由でコンポーネントに渡すことは可能ですか？

Question

これは私が親コンポーネントのホームから実行したいコードです：

class Home extends Component { 
render() { 
    const { environment } = this.props; // <-- this is the props I want to pass 
    <Link environment to="/register"> // <-- this is what I want to do 
    <RaisedButton label="Register" style={{ margin: 12 }} /> 
    </Link> 
} 

そして、これは私のリアクトルータの設定コードです：

ReactDOM.render(
    <BrowserRouter> 
     <div> 
     <Route exact path='/(index.html)?' component={Home}/> 
     <Route path='/register' component={Registration}/> 
     </div> 
    </BrowserRouter>, 
    mountNode 
); 

は、私が欲しい親コンポーネントのホームから小道具あります登録コンポーネントを渡すにはどうしたらいいですか？

Answer 1

あなたがそうのようなリンクtoオブジェクトの状態を渡すことができます。そして、登録コンポーネントにあなたがそうのように、この状態にアクセスすることができます

<Link to={{ 
    pathname: '/register', 
    state: { linkState: this.props.myProp } 
}}/> 

：

this.props.location.state.linkState 

詳細情報については以下を参照してください。https://reacttraining.com/react-router/web/api/Link