Reactstrap 表单输入 innerRef 返回 null答案

【问题标题】：Reactstrap Form Input innerRef coming back nullReactstrap 表单输入 innerRef 返回 null
【发布时间】：2020-04-19 10:40:26
【问题描述】：

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

这是我的构造函数和 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 = 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}
/>

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

【问题讨论】：

标签： javascript reactjs reactstrap

【解决方案1】：

您必须将onChange 函数更改为：

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

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

【讨论】：

不能投票给你，但谢谢你，这解决了。我只是没有注意..：P
@RobertAlvarez 您可以按检查按钮并接受我的回答。 THX :)