Ist es möglich, Props von Link von React Router von einer Komponente an die Komponente per Link zu übergeben? Dieser

Question

ist der Code, den ich von der Mutter tun wollen Component Home:

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> 
} 

Und das ist meine Reaktion Router-Konfigurationscode:

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

Es gibt eine Stütze von der übergeordneten Komponente Startseite, die ich will Registrierungskomponente weitergeben, wie mache ich das?

Answer 1

Sie einen Zustand, in dem Link-to Objekt wie so passieren kann:

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

Dann in der Registrierungskomponente können Sie diesen Zustand wie so Zugang:

this.props.location.state.linkState 

Für weitere Informationen siehe: https://reacttraining.com/react-router/web/api/Link