在react js中单击链接时调用函数

Question

我使用的是react属性而不是tag。所以我需要做的是在点击链接时调用一个函数。我需要遵循什么方法来实现这一点。我可以使用下面的函数吗。

<Link to={`/testimonial/${post.id}`} className="red">
  <span onClick={this.saveData(post.title)}>More</span>
</Link>

我必须触发函数，这将保存数据到localstore，然后重定向用户到组件。

谢谢。

Answer 1

是的。可以在中使用事件处理程序

<Link to={`/component/${post.id}`}/>
  <span onClick={this.saveDataToLocalStorage}>More</span>
</Link>

或者，您可以避免使用

<span onClick={this.saveDataToLocalStorage(post.id)}>More</span>

在函数内部，您可以重定向到路径：

saveDataToLocalStorage(postId) {
this.props.history.push(`/component/${postId}`)

这样，你将有更多的控制权，你可以记录，警报等。当你想重定向到页面。