React Link onClick不利用当前参数

Question

同样，我正在渲染一些React Component，其渲染如下所示：

render(){
  let links = [10, 50, 100, 500, 1000].map((num) => {
    return(
      <Link key={num} onClick={this.showParams.bind(this)} to={`/somePath/${num}`}>{num}</Link>
    )
  })
  return (
    <div>{links}</div>
  )
}

我在同一组件中定义了以下函数：

showParams(){
  console.log(this.props.params);
}

每当我单击链接时，它都会记录在单击链接之前而不是在单击链接之后的params值。 如何获得我的react组件以访问从此链接本身获得的props.params 。 还是我应该采用完全不同的方法。 我确实需要一个onClick感觉有点onClick （我最终想用这个新参数来重置状态，这似乎是Link组件固有的功能）。

如果有帮助，那么这是路由器的相关部分：

<Route path='/somePath/:num' component={someComponent} />

Answer 1

ES6

使用箭头功能：

return (
  <th value={column} onClick={() => this.handleSort(column)}>{column}</th>
);

ES5

您可以使用.bind传递所需的参数：

return (
  <th value={column} onClick={that.handleSort.bind(that, column)}>{column}</th>
);