ts写函数时浏览器事件的类型的问题

Question

比如说我希望写一个handleChange的事件,我需要给传入的e标注事件类型,我应该如何得知我应该标注什么事件类型?每一个都需要单独查吗

import { BaseSyntheticEvent, useState } from "react";

function App() {
  const [input, setInput] = useState("");
  const handleChange = (e: BaseSyntheticEvent) => {
    setInput(e.target.value);
  };
  return (
    <div>
      <input type="text" value={input} onChange={handleChange} />
    </div>
  );
}

export default App;

这个BaseSyntheticEvent类型是我console.log打印e查到的,我难道每次都需要一个个查询吗,有没有更好的解决方案

写any的话连代码提示都没有😭

Answer 1

看你要用什么，如果只需要 target，直接写 Event 就行；如果要特殊事件相关参数，比如 key，x，那就需要找对事件类型、传进去。