REACT как имитировать клик?

Question

[IDONTSUDO]

let element =  document.getElementsByClassName('ant-select-selection__clear')
 element.click();
//способ 1
 document.querySelector("ant-select-selection__clear").click();
//способ 2

Pure.js не помог.

Как имитировать событие пользовательского клика в React?

Answer 1

[Владимир]

У реакта синтетические ивенты
https://reactjs.org/docs/handling-events.html
Для чего имитировать клик, если можно сразу вызвать функцию обработчик?
Если нужно достучаться до реального элемента в доме, нужно создавать на него ссылку и стучаться по ссылке
https://reactjs.org/docs/refs-and-the-dom.html

Comments

[IDONTSUDO]

Поверьте причина есть, и если бы я мог это сделать как то по другому я бы это сделал.

[Владимир]

IDONTSUDO, Тогда делай ссылку на элемент, используя обычный селекторы ты никогда не будешь знать, когда твой элемент выпилят из дома и заменять новым, потому что VirtualDOM.

[IDONTSUDO]

Владимир, проблема в том что я использую компоненты ant.disign а именно select. Я не имею особого доступа к его внутренностям(я уже их смотрел там каша из кода).

Но у этого компонента есть кнопочка при нажатии на которую пользователь очищает выбранные данные. И вообщем я целое утро искал решение, а потом меня осенило. Что можно просто стригерить событие клика по этой кнопочке.

[Yustas Alexu]

IDONTSUDO, а просто сделать value null не поможет?

[IDONTSUDO]

Yustas Alexu, не поможет пытался.

[IDONTSUDO]

Yustas Alexu, я там чуть ли в VIRTUAL DOM не полез, что бы вы понимали :D

[Владимир]

IDONTSUDO, В таком случае достаточно того, что вы написали, только ссылаться только по классу как то стремно, а если расширяя функционал вы несколько селектов на страницу положите ?

[IDONTSUDO]

Владимир, там функционал расширять не надо будет. Ну а если понадобится. То создам уникальный селектор.Который ни где не повторяется, и перенесу всю логику на него.