React-17：不用柯里化的写法

不用柯里化的写法

class Login extends React.Component {
      state = {
        username: '',
        password: ''
      }
      render() {
        return (
          <form action="www.baidu.com" onSubmit={this.Processing}>
          // 把自身的 event 作为第二个参数
            用户名: <input type="text" onChange={event => this.formData('username', event)} name="username" id="" />
            密码: <input type="text" onChange={event => this.formData('password', event)} name="password" id="" />
            <button>提交</button>
          </form>
        )
      }
      formData = (dataType, event) => {
        console.log(dataType, event);
        this.setState({
          [dataType]: event.target.value
        })
      }
      Processing = () => {
        event.preventDefault()   // 阻止表单默认事件
        let { username, password } = this.state
        alert(`
            您的用户名是:${this.state.username},
            你的密码是:${this.state.password}
            `)
      }
    }
    ReactDOM.render(<Login />, document.querySelector('#app'))