React Hooks中未设置输入onChanged值

Question

我正在使用ReactHooks UseState，并希望在UseState中设置值，但它不起作用。。为什么？帮我？？

JS

const [value, setValue] = useState({
headline: '',
paragraph: '',
});
const onChanged = (e) => {
let { name, value } = e.target.value;
setValue((prev) => ({ ...prev, [name]: value }));
};

HTML

<input
value="{value.headline}"
onChange="{onChanged}"
type="text"
name="headline"
/>

Answer 1

试试这个，它会起作用的。。。

const {name, value} = e.target
setValue(prev => ({...prev, [name]: value}))

Answer 2

问题出在您的析构函数中：

const [value, setValue] = useState({
headline: '',
paragraph: ''
});
const onChanged = e => {
let {name, value} = e.target // <--- You do not need .value here
setValue(prev => ({...prev, [name]: value}))
}
<input
value={value.headline}
onChange={onChanged}
type="text" name="headline" />

您正在从value中退出，因此e.target.value是错误的。