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

Question

在不使用defaultValue的情况下，React功能组件上的相等代码是什么?

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