How to access React js elements?

Question

React

The bottom line is that I have a form and there are several inputs in it. I need to remove disabled from them on submit when 1 element with ref is all good and when there are several elements what to use querySelectorAll?

Answer 1

direct access to the DOM is contrary to the concept of react
, it is better if you make a state and draw the form content based on it

const [submited, setSubmited] = useState(false)
const handleSubmitForm = () => {
  setSubmited(true)
}
...
<form onSubmit={handleSubmitForm}>
  <input disabled={!submited} />
  <input disabled={!submited} />
</form>