Breaking News: Grepper is joining You.com. Read the official announcement!

submit form react

red-kid answered on July 26, 2022 Popularity 9/10 Helpfulness 5/10

answer submit form react

related Submit form react js

submit form react

Comment

const handleSubmit = (event) => {
    event.preventDefault();

    const form = event.target;
    const name = form.name.value;
    console.log(name);
  };

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript submit

Link to this answer
Share Copy Link

Contributed on Apr 25 2024

red-kid

0 Answers Avg Quality 2/10

Closely Related Answers

Submit form react js

Comment

-2

class MyForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      input: '',
      submit: ''
    };
    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }
  handleChange(event) {
    this.setState({
      input: event.target.value
    });
  }
  handleSubmit(event) {
    event.preventDefault()
    this.setState({
      submit: this.state.input
    });
    
  }
  render() {
    return (
      <div>
        <form onSubmit={this.handleSubmit}>
            <input value={this.state.input} onChange={this.handleChange}/>
          <button type='submit'>Submit!</button>
        </form>
        
          <h1>{this.state.submit}</h1>
       
      </div>
    );
  }
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 26 2022

Szilamer Gertui

0 Answers Avg Quality 2/10

submit form react

Contents

More Related Answers

submit form react

Closely Related Answers

Submit form react js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.