在ReactJS中使用表单的最佳实践是什么？

您也可以在此执行与以前的方法相同的操作，但是问题是您延迟了表单提交，因为HTML集合比查找和管理状态要花更多的时间进行迭代。看例子：

import React from 'react';

class Login extends React.Component {
  login(event) {
    event.preventDefault();

    const data = {};
    const inputs = event.getElementsByTagName('input');

    for (let input of inputs) data[input.id] = input.value;

    // send `data` to server to test for login

    console.log(data);
  }

  render() {
    return (
      <form onSubmit={this.login}>
        <input id="email" type="email" />
        <input id="password" type="password" />
        <button type="submit">Login</button>
      </form>
    );
  }
}

试想一下，从DOM获取然后迭代每个元素所需的时间，而不是在表单提交期间管理每个按键的状态。