如何通过道具异步传递道具给孩子？

Posted 2021-04-02

我正在构建一个航班搜索应用程序，当我按下搜索按钮时，它会触发searchFlight（）方法，该方法会根据结果设置状态。同时，我想将此状态作为prop传递给下一个组件，并将我重定向到该不同的页面'/ results。

我目前在Button中有一个Link，通过Link将状态作为道具传递。除了状态没有通过之外，其他所有方法都可以正常工作，因为在设置状态之前，我已重定向到新页面。如何通过链接异步传递道具？

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

我想重定向到新页面并使用一键/一键异步传递道具

答案

我想出来了，我无法使用Link做到这一点，因此仅使用普通按钮，并在设置状态后在回调中进行操作

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