React创建自定义事件

// 创建一个自定义事件
const myEvent = new CustomEvent('myCustomEvent', {
  detail: { message: 'Hello from custom event!' }
});

// 触发事件
document.dispatchEvent(myEvent);

// 添加事件监听器
document.addEventListener('myCustomEvent', (event) => {
  console.log(event.detail.message);
});

// 触发事件
const myEvent = new CustomEvent('myCustomEvent', {
  detail: { message: 'Hello from custom event!' }
});
document.dispatchEvent(myEvent);

// 添加事件监听器
document.body.addEventListener('myCustomEvent', (event) => {
  console.log(event.detail.message);
});

// 触发事件
const myEvent = new CustomEvent('myCustomEvent', {
  detail: { message: 'Hello from custom event!' }
});
document.body.dispatchEvent(myEvent);