Javascript 。单击在reactjs中不起作用

我正试图在react项目中用jquery做一个手风琴。 在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标记 你怎么认为？我必须如何使它工作？

我会：

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

通过这种方式，您可以在主体上侦听从初始加载开始就存在的单击事件，然后仅对h2标记执行此特定处理程序，该标记可以在以后动态添加