将jquery代码从无状态react组件迁移到es6组件

Question

我有一个呈现Boostrap模式的组件。当模式出现时，我想向另一个按钮添加一个类，所以我有以下代码：

const AddContact = () => {
  }
  $('#myModal').on('show.bs.modal', function (e) {
    $('.add-button').addClass("orange-btn")
  })
  return (
//modal
...
}

如何对es6组件执行相同的操作？我试图将jquery代码放入构造函数中，但它不起作用。

Answer 1

我猜你在第二行早些时候关闭了函数的括号。试试这个。

const AddContact = () => {
  $('#myModal').on('show.bs.modal', function (e) {
    $('.add-button').addClass("orange-btn")
  })
  return (
//modal
...
}

希望这能有所帮助。