有没有声明 typescript 类型的好办法以及前端样式的健壮性问题

[rizon]

我在学习 react ，看到给一个 div 添加 onMouseDown 事件时，
这个事件本身的声明是：onMouseDown?: MouseEventHandler<T> | undefined; 写它的实现类时为

  const handleMouseDown = (event:React.MouseEvent<HTMLDivElement,MouseEvent>) => {

  }

event 的类型为 MouseEvent ，这个是可以看代码看出来的，但是里面的泛型HTMLDivElement，我这上哪猜去，，，

1. 虽然不写这么严格也没问题，但是我的问题是基于想要最完整严格的使用 type 的前提。
2. 这只是举个例子说明我的问题，我核心问题是，typescript 中，编辑器依然不能自动推测出所有的字段类型，对于编辑器无法推测的情况下，我该如何去更好的面对和解决这个问题呢。
3. 前端样式有什么好的规范文档吗，我是自学的，虽然能写出样式来，但是代码的健壮性、优雅等各方面差太多了，有什么更系统的学习材料吗

[thinkershare]

为什么需要猜了，HTML 的 DIV 元素的接口类型就是 HTMLDivElement 。

[ragnaroks]

另外，type MouseEventHandler<T> = (event:MouseEvent<T>)=>void

[molvqingtai]

你还可以直接写 tag 名称
import React from "react";

const onChange: React.ComponentProps<"input">["onChange"] =
(e) => {
console.log(e);
};

<input onChange={onChange} />;

[molvqingtai]

如果不确定那种 DOM 触发的事件，可以使用 SyntheticEvent

[magicdawn]

https://react-typescript-cheatsheet.netlify.app/

[Al0rid4l]

因为他默认你一看这名字就知道这是 Web API 的接口, 所以

https://developer.mozilla.org/en-US/docs/Web/API/HTMLDivElement

其他 DOM API/Web API 都在 MDN 查就完事了

[rizon]

@magicdawn #5 嘿，这是个好玩意，可以给出不少指导建议。nice ～