typescript - 材质 ui 链接 onClick 事件类型

Question

我使用打字稿，反应redux。

在素材ui的链接中，onClickevent的类型定义会出错。

似乎React.MouseEvent<HTMLAnchorElement, MouseEvent>不匹配并发生错误。

<Link component="button" onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {handleClick(event)}}>********LINK********</Link>

    const handleClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
    event.preventDefault();
  }

CSB 不会发生错误。

为什么我会收到错误消息？

如果有人能给我一些建议，我会很高兴。

■错误（VSCode，ESlint，更漂亮）

错误

错误提示

功能

■<a href="https://i.stack.imgur.com/6DlPB.png" rel="nofollow noreferrer">错误内容（很抱歉很难看到）</p>

■<a href="https://codesandbox.io/s/heuristic-meitner-o6kn3?file=/src/App.tsx" rel="nofollow noreferrer">CSB

标签： typescriptmaterial-ui

Answer 1

来自Material UI 文档示例：

event: React.SyntheticEvent