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>
  );
}