クエリパラメータを置き換えるにはどうすればいいですか？

Question

私は単純なページ設定コンポーネントを作成しており、URLに "page"クエリパラメータを設定します。しかし、私のリンクは、単にクエリを変更するのではなく、クリックするたびにアプリケーションのルートにリダイレクトされます。何か案は？

export default class ListNavigation extends React.Component { 
    render() { 
    let props = this.props; 
    let page = props.page; 

    return (
     <div class="list-navigation layout_flexbox"> 
     <Link to={{query: {page: page + 1}}}>Next</Link> 
     </div> 
    ) 
    } 
} 

「ページ」クエリパラメータに1を追加するには、「次へ」リンクが必要です。

Answer 1

パス名も追加できますか？

const {location: {pathname}, page} = this.props; 

return (
    <div class="list-navigation layout_flexbox"> 
    <Link to={{pathname, query: {page: page + 1}}}>Next</Link> 
    </div> 
)