Входное значение onChanged не задано в React Hooks

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 неверно.