如何通过链接异步将道具传递给孩子？答案

【问题标题】：How to pass props to child via Link, asynchronously?如何通过链接异步将道具传递给孩子？
【发布时间】：2020-02-19 18:24:15
【问题描述】：

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

我目前在按钮中有一个链接，通过链接将状态作为道具传递。一切正常，除了状态没有通过，因为我在状态设置之前被重定向到新页面。如何通过 Link 异步传递道具？

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

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

【问题讨论】：

通过一个承诺怎么样？
你试图传递给的道具是什么？
aboutProps 通过 props 传递状态，如果我先设置状态，然后单独重定向到新页面，它就可以工作
还没有尝试过承诺
检查this问题。

标签： reactjs state react-router-v4 react-props

【解决方案1】：

我想通了，我不能使用 Link 来做到这一点，所以只需使用普通按钮，并在设置状态后在回调中跟随

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

【讨论】：