How to create, listen and trigger custom event in ReactJS?

Question

I need to create global custom event, to be able listen and trigger it. In jQuery I would do it like that:

$(document).on('myCustomEvent', function(){
    console.log("myCustomEvent triggered");
})

$(document).trigger('myCustomEvent');

What for?

I need to create communication between not related components.

Question:

How to listen and trigger global custom events in ReactJS?

Danyule · Accepted Answer · 2016-07-13 15:17:06Z

3

If you want to add listeners you can still do this with jQuery. Start listening in the componentDidMount and stop listening in componentWillUnmount see the docs. If it wants to be global (visible to child components), you can do this in the topmost component and propagate down with props.

answered Jul 13, 2016 at 15:17

Danyule

3311 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to create, listen and trigger custom event in ReactJS?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest