React - 传递(this)onClick?

时间:2016-07-07 23:02:42

标签: reactjs onclick

我正试图将它从内联onClick传递给一个函数,我知道我犯了一个愚蠢的错误......但我的大脑有点融化。

这是FIDDLE

handleClick() {
  $('.nav-link').removeClass('active');
  $(this).addClass('active');
}

1 个答案:

答案 0 :(得分:3)

有许多可能的解决方案(其中一个是使用ref' s)。但是我用一种更简单的方法编辑了你的小提琴:

  handleClick(e) {
    $('.nav-link').removeClass('active');
    $(e.target).addClass('active');
  }

https://jsfiddle.net/mrlew/esn5sz5b/2/

无论如何,我建议采用另一种方法而不是jquery。您可以使用react手动处理具有某些逻辑的活动项。