【TS】定义 Event 默认事件对象的类型

2021-05-17  本文已影响0人  Q小予o0

在 React 中分清楚是 DOM 的 MouseEvent,还是 React.MouseEvent

如果是鼠标事件:MouseEvent

import type { FC , MouseEvent } from 'react';
handleBtnClick = (e: MouseEvent) => {
    e && e.preventDefault()
  }

如果是表单提交,用FormEvent。

import type { FC , FormEvent } from 'react';

  <Input
            placeholder="请输入"
            defaultValue={searchParams.message || undefined}
            allowClear
            maxLength={50}
            autoComplete="off"
            onPressEnter={(e: FormEvent) => {
              e.preventDefault();
            }}
          />
上一篇 下一篇

猜你喜欢

热点阅读