Restraps表格输入innerRef返回null

Question

试图将输入数据发送到console.log，但似乎无法正常工作。我希望能够从身份验证登录控制台电子邮件和密码。

这是我的构造函数和onChange：

  constructor(props) {
    super(props);

    this.state = {
      email: "",
      password: "",
      errors: {}
    };

    this.onChange = this.onChange.bind(this);
  }

  onChange = e => {
    this.setState({
      [e.target.id]: e.target.value
    });
  }

这是我的onSubmit：

onSubmit = e => {
    e.preventDefault()

    const userData = {
      email: this.state.email,
      password: this.state.password
    };

    console.log(userData);
  }

这是我从表单输入的内容：

<Input
  name="email"
  type="email"
  onChange={this.onChange}
  innerRef={this.state.email}
  error={errors.email}
/>

没有任何错误，只是电子邮件和密码返回为空。

Answer 1

您必须将onChange功能更改为此：

onChange = e => {
  this.setState({
    [e.target.name]: e.target.value
  });
}

我认为这必须解决您的问题