javascript - .click 在reactjs 中不起作用

Question

我正在尝试在 React 项目中用 jquery 制作 Accordion 。在 public/index.html 中，我包含了我的公共(public)文件/main.js 和 jquery，并在 main.js 文件中放置了这个函数

jQuery(document).ready(function(){
$('h2').click(function(){
alert('okay');
})
}

但是它不起作用，但是，如果我用 body 替换 h2，当我单击某处时，警报就会起作用。经过多次测试，最终认为是脚本加载的原因事实上，h2 最初并不存在，然后 Reactjs 完成工作，从 firebase 获取数据并显示它。此时显示h2。所以我认为我的脚本找不到 h2 标签你怎么认为 ？我该如何让它发挥作用？

Answer 1

我会这样做:

$("body").on("click", "h2", function() { alert("okay"); })

通过这种方式，您可以监听 body 上的点击事件(从初始加载时就存在)，然后仅针对 h2 标记(可以添加稍后动态)。