如何定义 Event 默认事件对象的类型

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

import React, { Component, MouseEvent } from 'react';
export default class Demo extends Component {
  handleBtnClick = (e: MouseEvent) => {
      e && e.preventDefault()
  }
  render () {
      return (
        <div>
        <a onClick={(e) => this.handleBtnClick(e)}>点击</a>
      </div>
    )
  }
}

如果是表单提交，比如使用 antd 表单组件，onSubmit。

import React, { Component, FormEvent } from 'react';

export default class Demo extends Component {

  handleBtnClick = (e: FormEvent) => {
      e && e.preventDefault()
  }

  render () {
      return (
        <div>
       <Form onSubmit={this.handleSubmit}>
          <Form.Item className="submit-item">
             <Button type="primary" htmlType="submit" loading={isSubmitting}>
               确定
             </Button>
          </Form.Item>
        </Form>
      </div>
    )
  }
}