How do I create custom events in React?

How do I create custom events in React?

To create custom events in React, you can use the CustomEvent constructor. Here's a simple example.

Can you show me a code example?

Sure! Here's a basic example:

const myEvent = new CustomEvent('myCustomEvent', { detail: { someData: 'data' } });

// Dispatch the event
window.dispatchEvent(myEvent);

// Listen for the event
window.addEventListener('myCustomEvent', (e) => {
  console.log(e.detail.someData);
});

What if I want to pass multiple pieces of data?

You can pass an object with multiple properties in the detail field of the CustomEvent. For example:

const myEvent = new CustomEvent('myCustomEvent', { detail: { data1: 'value1', data2: 'value2' } });