Question

我遇到这种情况（https://codesandbox.io/s/l9ynp52z97），在这里我想构建一个需要输入一些电子邮件的表单（目前该数量限制为1），但是我不知道我在做什么错了，因为我无法在框中输入任何内容。在创建FormBlock组件之前，它已经工作了，但是现在，当我使用道具时，它不再工作了。

我在做什么错了？

Answer 1

您正在通过handleChange属性传递onChange函数，但是在组件中使用了this.props.handleChange。

更改为this.props.onChange，它将正常工作。

<FormControl
  type="email"
  name={this.props.name}
  value={this.props.value}
  onChange={this.props.onChange}
  className={this.props.className}
/>

子组件中输入字段的Reactjs handleChange

1 个答案: