ReactJS equivalent for JQuery's $(document).on('event','selector-name',callback())

Question

In JQuery, you can use $(document).on("event-name", "selector-name", callback() ) to handle events on elements that already exist in the DOM as well as those that are dynamically inserted later into the DOM after page load (Eg. Elements created from server side)

My question though is how do we achieve this event handling on dynamically inserted elements in ReactJS given the fact that React works with virtual DOM.

Thank you very much for any help

This may help: https://stackoverflow.com/questions/21951734/react-js-custom-events-for-communicating-with-parent-nodes — Jeremy Harris, Nov 22 '19 at 16:18

score 0 · Answer 1 · answered Nov 22 '19 at 16:44

0

You create a component and attach an event handler to their synthetic event in the jsx. Later when you use this component it will have the desired event handler

answered Nov 22 '19 at 16:44

voiys

269
5
14

ReactJS equivalent for JQuery's $(document).on('event','selector-name',callback())

1 Answers1