React how to clear a given state?

Question

React

Good afternoon, there is such a state

const [form, setForm] = useState({
    name: "", price: "", rating: "", weight: ""
  })

On input there is such an event

const onChangeHandler = event => {
    setForm({...form, [event.target.name] : event.target.value})
  }

The question is, after a successful form submission, how to make the state for the fields be ""
If it's easier, how to make the fields clear after submitting

Answer 1

The simplest solution would be to describe onSubmitHandler, in which you will submit the initial (empty) state to the state, which is better to put in a separate constant (I understand that you are aware of it without me). You will need to pull this onSubmitHandler using the onSubmit attribute of your form:

export default function FuncName(){
  const [form, setForm] = useState({
    name: "", price: "", rating: "", weight: ""
  })

  onSubmitHandler() {
    setForm({
     name: "", price: "", rating: "", weight: ""
   })
  }

  render() {
    return (
      <form onSubmit={onSubmitHandler}>
        <...>
      </form>
    );
  }
}
}