Передача состояния от одного компонента реагирования к другому

Question

Я очень новичок в React (3 дня опыта)

Я хочу передать дату от одного компонента другому, но это не работает для меня.

ЧтоЯ реализовал до сих пор:

export class Kurse extends React.Component {
constructor(props) {
  super(props);
}


numbers = ["21.02.2019", "02.05.2018", "13.03.2018", "04.07.2018", "05.08.2018"];
listItems = this.numbers.map((date) =>
  <p><Link to={{pathname: "/bookCourse/"+date}}><Button>{date}</Button></Link></p>
);
render() {
  return(
    <div>
      <h2>Wähle Deinen Wunschtermin</h2>
      {this.listItems}
    </div>
  );
 }
} 

---

ReactDOM.render(
  <BrowserRouter>
      <Switch>
          <Route path="/" exact render = { () => <Home/>} />
          <Route path="/cityChoice" exact render = { () => <CityChoice/>} />
          <Route path="/kurse" exact render = { () => <Kurse/>}/>
          <Route path='/kjhkhkhkh-spezialisten' component={() => window.location = 'http://kjhkhkhkh-spezialisten.de'}/>
          <Route path='/bookCourse/:date' exact render = { () => <Form/>} />            
      </Switch>
  </BrowserRouter>,
  document.getElementById('root')
)

---

export class Form extends React.Component{
  constructor(props){
    super(props);

    this.state = {
        vorname: '',
        nachname: '',
        email: '',
        telefon: '',
        refbeginn: 'nächstes Jahr',
        schulart: 'grundschule'
    };
}

...
...

return (
    <div id="form_container">
     {this.props.location.params.date}
...
...

Что я ожидал:

Я ожидал, что датапеременная доступна из компонента Form.

Фактический результат:

Ошибка типа: this.props.location не определено

Answer 1

Вы должны передать реквизиты компоненту для доступа к нему внутри компонента. в вашем случае, когда вы упомянули

<Form location = "some value" />

это позволяет вам получить доступ к реквизиту местоположения в стороне компонента Form, используя {this.props.location}.