React Class 组件上 OnChange 的等效代码是什么，React Function 组件上

Question

在不使用默认值的情况下，React Function 组件上的等效代码是什么？

<input onChange((e)=>{this.setState({title : this.target.value})}) value={value} />

Answer 1

我认为这就是您的要求：

import { useState } from "react";

function MyComponent({defaultValue}) {
  const [inputValue, setInputValue] = useState(defaultValue);
  return (
    <form>
      <input
        type="text"
        onChange={(e) => setInputValue(e.target.value)}
        value={inputValue}
      />
    </form>
  );
}