reactintro_two_inputs.jsx

class SimpleForm extends React.Component {
  state = {
    firstName: "",
    lastName: ""
  };

  onFirstNameChange = event =>
    this.setState({
      firstName: event.target.value
    });

  onLastNameChange = event =>
    this.setState({
      lastName: event.target.value
    });

  render() {
    return (
      <div>
        <div>
          <label>
            First name:
            <input
              type="text"
              name="firstName"
              onChange={this.onFirstNameChange}
            />
          </label>
        </div>

        <div>
          <label>
            Last name:
            <input
              type="text"
              name="lastName"
              onChange={this.onLastNameChange}
            />
          </label>
        </div>

        <Greetings
          firstName={this.state.firstName}
          lastName={this.state.lastName}
        />
      </div>
    );
  }
}