.click не работает в реакции

Question

Я пытаюсь сделать аккордеон в jquery в реактивном проекте. В public / index.html я включил свой публичный файл / main.js и jquery, а в файл main.js я поместил эту функцию

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

но это не работает, однако, если я заменяю h2 на тело, когда я щелкаю куда-то, предупреждение срабатывает. После нескольких тестов я подумал, что это из-за загрузки скрипта Фактически, h2 сначала не существует, затем Reactjs выполняет свою работу, выбирая данные из firebase и отображая их. В это время отображаются h2. Так что я думаю, что мой скрипт не находит тег h2 Как вы думаете ? Как мне заставить это работать?

Answer 1

Я бы сделал:

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

таким образом вы слушаете события щелчка на body (который существует с начальной загрузки), а затем выполняете этот конкретный обработчик только для тегов h2 (которые могут быть добавлены позже динамически).