javascript Récuperer输入dans le state avec une seul功能

Posted 2021-05-03

import React, { Component } from 'react';
import './App.css';

class App extends Component {
    state = {
        nom:"",
        email:""
    };

handleSubmit = () => {

};

handleChange = (e) => {
    console.log(e.target.name);
    this.setState({[e.target.name]:e.target.value})
};
  render() {
    return (
      <div className="App">
          {this.state.nom}
          <form onSubmit={this.handleSubmit}>
              <label>
                  Name:
                  <input
                      type="text"
                      name = "nom"
                      onChange={this.handleChange}
                  />
                  email:
                  <input
                      type="text"
                      name = "email"
                      onChange={this.handleChange}
                  />


              </label>
              <input type="submit" value="Submit" />
          </form>
      </div>
    );
  }
}

export default App;