子组件中输入字段的Reactjs handleChange

Question

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

我做错了什么？

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

Reactjs handleChange for input field in a child component

reactjs

react-component