Блог

в настоящее время я работаю над приложением react с node в качестве серверной части —

Я хочу спросить, что на одном из компонентов react есть форма, когда нажимается кнопка, эта форма отправляет запрос post на сервер узла и после выполнения действий на сервере. Я хочу, чтобы приложение react оставалось на том же компоненте и очищало все поля формы, как мне это сделать.? PS: Я знаю, как работает узел, но я новичок в react.

Вы могли бы использовать preventDefault , чтобы запретить поведение браузера по умолчанию при отправке формы.

 const [email, setEmail] = React.useState('')

handleSubmit = (e) => {
  // tell the browser not to refresh the page after the form is submitted 
  e.preventDefault();

  // then call the API here
  API(email)
   .then(() => setEmail('')) // after the API call is successful, clear the input fields
   .catch(err => setError(err))
}
 

Вы можете очистить значения в форме при отправке.

 const initialState = {
 name: '',
 email: ''
}

const [formValues, setFormValues] = useState(initialState);

const onSubmit = (e) => {
e.preventDefault();
 // Do your stuff with 'formValues'
 // Then
 setFormValues(initialState);
}