输入事件侦听器（On Change event Listener）其工作原理和错误解释？

问：

import React, { useState } from "react";
import "./App.css";

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

export default App;

在此处输入图像描述

在输入字段上，我尝试编写演示示例，它通过使用 React Hook （useState） 更改基于功能的组件中的状态来动态显示在屏幕上。但是我无法让它像我在 fun1 中使用对象 e 时那样实际工作，即 fun1（e） 控制台.log（e.target） 控制台.log（e.target.value） 它实际上意味着什么？我无法得到 当我没有使用 e 时，我直接在 setInput（this.target.value） 中使用了这个关键字，它向我显示了错误 的未定义。为什么它不适用于此？