javascript - React 类组件上的 OnChange 和 React 函数组件上的等价代码是什么

Question

在不使用 defaultValue 的情况下，React 函数组件上的等效代码是什么？

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

标签： javascriptreactjs

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