How to emulate clicking on react elements from the console?

Question

Google Chrome

Tell me, how can I emulate a click on an element from the console?
On other sites, the usual click () on pure JS or Jquery works.
Here - no. I found a similar question
in history , but there is no answer to it.

Answer 1

What happens after the click? If the state changes, then you can do it with react dev tools and not trigger a click at all.

Answer 2

var event = new MouseEvent('click', {
    'view': window,
    'bubbles': true,
    'cancelable': true
  });
var b = $0.dispatchEvent(event)

`$0` in this case is the currently selected element in chrome dev.tools and you can use `document.getElementById` and so on instead