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

React Controlled Components

Newbie Nate answered on May 10, 2021 Popularity 10/10 Helpfulness 2/10

answer React Controlled Components

React Controlled Components

Comment

class NameForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {value: ''};
    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  handleChange(event) {    this.setState({value: event.target.value});  }
  handleSubmit(event) {
    alert('A name was submitted: ' + this.state.value);
    event.preventDefault();
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>        <label>
          Name:
          <input type="text" value={this.state.value} onChange={this.handleChange} />        </label>
        <input type="submit" value="Submit" />
      </form>
    );
  }
}

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: reactjs.org

Tags: whatever

Link to this answer
Share Copy Link

Contributed on May 10 2021

Newbie Nate

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

React Controlled Components

Contents

More Related Answers

React Controlled Components

Grepper

Documentation

Social

Legal

Contact

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