ReferenceError：NextJS 项目中未定义 CustomEvent答案

【问题标题】：ReferenceError: CustomEvent is not defined in NextJS projectReferenceError：NextJS 项目中未定义 CustomEvent
【发布时间】：2020-12-06 14:31:50
【问题描述】：

我收到错误：ReferenceError: CustomEvent is not defined。我知道 CustomEvent 仅在浏览器中可用（客户端），但我正在尝试将此函数用作事件：

const mouseEnterHandler =  () => {
  eventDispatcher('cursor', {
    label: 'test',
  })
}

onMouseEnter={mouseEnterHandler()}

export const eventCreator = (name: string, params: Record<string, any>): CustomEvent => {
  const event = new CustomEvent(name, {
    detail: params
  })

  return event
}

export const eventDispatcher = (name: string, params: Record<string, any>): CustomEvent => {
  const event: CustomEvent = eventCreator(name, params)

  document.dispatchEvent(event)

  return event
}

【问题讨论】：

onMouseEnter 期待一个函数，所以试试onMouseEnter={mouseEnterHandler}。

标签： reactjs next.js

【解决方案1】：

把它放在useEffect 钩子里，它就可以工作了。

【讨论】：