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 的情况下尝试它，但不值得。

希望能帮助到你。

Answer 2

如果您创建一个<button>并将鼠标悬停在onClick道具上，您将在工具提示中获得类型：

在您的示例代码中，您正在创建一个自定义按钮，因此类型取决于该组件的实现。