Как вызвать размытие, фокус, щелкнуть и выбрать событие программно в полях ввода React?

Question

Я пытаюсь вызвать некоторые события в полях ввода формы, созданных с помощью React. С помощью javascript или Query это так легко вызвать с помощью .focus () .click () и т. Д.

Кажется, они не срабатывают на входах React, и я не могу найти похожие события. Существует ли аналогичный способ ввода React, который не требует рендеринга JSX и т. Д., Просто что-то, что можно сделать без доступа к реальному коду React

$('#selector').trigger('blur'); 
$('#selector').trigger('focus');
$('#selector').trigger('click'); 
$('select#selector').prop('selected', true);

Answer 1

Не зная больше о проекте, трудно сказать, но возможно, что элементы, которые вы запускаете, не рендерились / не существуют в точке, с которой вы пытаетесь взаимодействовать или манипулировать ими.Вы пытались добавить отладчики в этот момент и посмотреть, существуют ли они в DOM?

В любом случае, вы сможете исправить это с помощью vanilla JS или jQuery и не будете беспокоиться о написании кода реакции.