JAVASCRIPT

react onSubmit get form values

handleSubmit = (event) => {
  event.preventDefault();
  console.log(event.target.elements.username.value) // from elements property
  console.log(event.target.username.value)          // or directly
}

<input type="text" name="username"/> 

react onSubmit get form values

handleSubmit = (event) => {
  event.preventDefault();
  console.log(event.target.elements.username.value) // from elements property
  console.log(event.target.username.value)          // or directly
}

<input type="text" name="username"/> 

react onSubmit get form values

handleSubmit = (event) => {
  event.preventDefault();
  console.log(event.target.elements.username.value) // from elements property
  console.log(event.target.username.value)          // or directly
}

<input type="text" name="username"/> 

react onSubmit get form values

handleSubmit = (event) => {
  console.log(this.inputNode.value)
}

<input type="text" name="username" ref={node => (this.inputNode = node)}/>

react onSubmit get form values

handleSubmit = (event) => {
  console.log(this.inputNode.value) 
}

<input type="text" name="username" ref={node => (this.inputNode = node)}/> 

react onSubmit get form values

handleSubmit = (event) => {
  console.log(this.inputNode.value) 
}

<input type="text" name="username" ref={node => (this.inputNode = node)}/>