this.props.history.push

在導航時,您可以將傳遞道具傳遞給歷史對象

this.props.history.push({
    pathname: '/template',
    search: '?query=abc',
    state: { detail: response.data }
})

Link

或類似的鏈接組件

<Link to={{
    pathname: '/template',
    search: '?query=abc',
    state: { detail: response.data }
}}> My Link </Link>

訪問通過的道具

然後在用/template路由呈現的組件中,可以訪問通過的道具

this.props.location.state.detail

另外請記住,使用道具的歷史或位置對象時,您需要連接組件withRouter。

按照Docs:

withRouter

您可以訪問歷史記錄對象的屬性,並's通過withRouter高階組件訪問最接近的匹配項。withRouter 將在每次使用與渲染相同的道具改變路線時重新渲染其組件props: { match, location, history }。

您也可能喜歡這些文章

React.js中使用canvas元素

React.js + <canvas> 我們有React,它可以幫助我們處理大量的可變DOM。 但想描述一種使用React的方法,它可以幫助您處理“<canvas>元素?是的,這聽起來很奇怪。但它運作得很好。