在表單提交中添加查詢參數 - 反應路由器4

Question

使用React路由器4提交表單時所需的效果是將搜索查詢附加到URL的末尾。

我當前的設置將在表單提交中發送API請求，然後在render方法中呈現結果。

沒有使用鏈接或重定向，有沒有辦法將查詢添加到URL上，也許從表單提交方法？

Answer 1

可以動態推查詢的url像

this.props.router.push({ 
    pathname: '/yourRoute', 
    query: { someQuery: 'value' } 
}) 

您的組件與witRouter連接到能夠使用router prop

import { withRouter } from 'react-router' 

.... 


export default withRouter(App);