将jquery代码从无状态响应组件迁移到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
...
}

希望这会有所帮助。