React, как очистить данный state?
есть такой state
const [form, setForm] = useState({
name: "", price: "", rating: "", weight: ""
})
На input есть такое события
const onChangeHandler = event => {
setForm({...form, [event.target.name] : event.target.value})
}
Вопрос, после удачной отправки формы, как сделать что бы state для полей был "" Если проще, как сделать что бы после отправки очищались поля
Ответы (1 шт):
Автор решения: Konstantin Modin
→ Ссылка
В данном случае можно создать переменную в которой будет храниться начальное состояние. Имея данную переменную мы можем инициализировать начальное состояние и когда необходимо устанавливать состояние в исходное.
const initialState = { name: "", price: "", rating: "", weight: "" };
const [form, setForm] = useState(initialState);
...
const submitFormHandler = () => {
// save form
setForm(initialState );
}