javascript - React Click 事件的正确类型是什么？

Question

我想为我的事件处理程序使用一种类型，而不是使用任何类型， 有人可以帮我解决这个问题吗？ 这是我尝试重构的代码:

const MyComponent = () => {
  const handleBtnClick = (e: any) => {
    e.stopPropagation();
    //**Some Code**
  }
  return <CustomButton onClick={handleBtnClick} />
}

Answer 1

对于打字，你应该有 TypeScript，你可以在其中执行以下操作:

const handleBtnClick = (e: React.MouseEvent<HTMLButtonElement>) => { ... }

请引用这个: https://fettblog.eu/typescript-react/events/

当然，您可以在没有 TypeScript 的情况下尝试它，但不值得。

希望有帮助。