setData(title), [title])
<input type="text" value={title} onChange={e => setTitle(e.target.value)} />
Когда меняется title, в data записывается пустое значение, т.е. не обновлённое значение title. Как это поправить?
onChange ...
Очепятка) onChange и используется
При изменении входного значения вам нужно setState, а не нажимать на вход
Что вводит пользователь
Строку. Название поста
что вы имеете в виду?
Будут и другие поля, а data станет объектом
Чтобы получать информацию из формы и поддерживать ее статус, мы должны использовать onChange
const [title, setTitle] = useState('') const [data, setData] = useState('') useEffect(() => setData({title}), [title]) console.log(title) // возвращает "Заголовок" console.log(data) // возвращает пустую строку return (<input type="text" value={title} onChange={e => setTitle(e.target.value)} />) // вводится например "Заголовок"
Почему тут возвращается пустой title?
Да ,Потому что в STATE еще ничего нет
Как же тогда в useEffect получить новое значение, которое вводится в input?
залейте в песочницу, с виду должно работать
В твоём случае useEffect срабатывает при изменении значения title: меняется title -> меняется и data
Это неправильно. Вы не можете использовать useEffect прямо сейчас
При первом рендере будет пустая строка, потому что хук вызывается, но в title тоже лежит пустая строка, поэтому в data переназначается пустая строка ещё раз
Обсуждают сегодня