React 和 React-Router：通过函数调用进行路由，参数传递到路由中，而不是单击 <Link>

Question

如何通过 react-router 中的函数调用传递参数进行路由？

例如，我有这个链接，当点击路由到带有传入参数的不同网址时：

<Link key={category.name} to={`/category/${category.name}`} params={{category: category.name}} >{category.name}</Link>

假设我想通过一个函数调用来模拟点击上述链接时会发生什么，该怎么做呢？

clickHandler(){
//What function should be called to do the routing through a function call?

}

Answer 1

使用history 对象。

如果渲染Link 的组件是由路由器渲染的，那么您在this.props 中有一个可以使用的history 属性。

clickHandler(){
    const {
        history
        category // ??
    } = this.props
    history.push(`/category/${category.name}`);
}