Как передать реквизит ребенку через Link, асинхронно?

Question

Я создаю приложение поиска авиабилетов, когда я нажимаю кнопку поиска, оно запускает метод searchFlight (), который устанавливает состояние с результатами. В то же время я хочу передать это состояние следующему компоненту в качестве реквизита и перенаправить меня на эту другую страницу. через ссылку. Все работает, за исключением того, что состояние не передается, потому что я перенаправлен на новую страницу до того, как состояние было установлено. Как передавать реквизиты асинхронно, через ссылку ??

<button onClick={this.searchFlights}>
     <Link to={{
                    pathname: "/results",
                    aboutProps: {match: this.state.matchingFlights}                  
                    }}>
         Search
     </Link>
</button>

Я хочу перенаправить на новую страницу и асинхронно передавать реквизиты, используя одну кнопку / один клик

Answer 1

Я понял это, я не мог сделать это, используя Link, просто используя обычную кнопку и следуя в обратном вызове после установки состояния

this.props.history.push({
    pathname: "/results",
    state: {
      matched: this.state.matchingFlights
    }
  })