Javascript 反应表单：表单输入在使用时需要name属性

我已经用formsy-react-2创建了一个表单，但它不起作用。我越来越

错误：表单输入在使用时需要name属性

我是React JS新手，在React JS中使用表单时，我不知道哪个包最好。请给我一些建议

这里是React JS中我的表单类的源代码。我正在使用react版本“16.5.2”

从“React”导入React； 从“Formsy-react-2”导入Formsy； 类MyInput扩展了Formsy.Mixin{ 静态defaultProps={ 键入：“文本” } updateValue=事件=>{ this.setValueevent.target.value； } 渲染{ const{type，…rest}=this.removeFormsyPropsthis.props； const errorMessage=this.getErrorMessage； 回来 {errorMessage} } } 类MyInputHOC扩展了React.Component{ updateValue=事件=>{ this.props.setValueevent.target.value； } 渲染{ const errorMessage=this.getErrorMessage； 回来 {errorMessage} } } 导出默认Formsy.HOCMyInputHOC； //使用新组件 类MyForm扩展了React.Component{ 状态={ formIsValid:错误 } 启用提交{ this.setState{formIsValid:true}； } 禁用提交{ this.setState{formIsValid:false}； } 子模型{ console.logmodel； //型号={ //傅：'foo@foo.com', //酒吧：10 // } } //此代码生成一个带有submit按钮的表单，该按钮将运行'submit'` //方法在使用有效电子邮件单击提交按钮时。提交按钮 //只要 //-foo输入为空或值不是电子邮件；以及 //-条形输入不是整数。 //验证错误时，它将显示错误消息。 渲染{ 回来 提交 }

---

} 您还需要在MyInputHOC组件中使用/指定name属性

在MyInput中，组件名称属性通过{…rest}传递

从“React”导入React； 从“Formsy-react-2”导入Formsy； 类MyInput扩展了Formsy.Mixin{ 静态defaultProps={ 键入：“文本” } updateValue=事件=>{ this.setValueevent.target.value； } 渲染{ const{type，…rest}=this.removeFormsyPropsthis.props； const errorMessage=this.getErrorMessage； 回来 {errorMessage} } } 类MyInputHOC扩展了React.Component{ updateValue=事件=>{ this.props.setValueevent.target.value； } 渲染{ const errorMessage=this.getErrorMessage； 回来 {errorMessage} } } 导出默认Formsy.HOCMyInputHOC； //使用新组件 类MyForm扩展了React.Component{ 状态={ formIsValid:错误 } 启用提交{ this.setState{formIsValid:true}； } 禁用提交{ this.setState{formIsValid:false}； } 子模型{ console.logmodel； //型号={ //傅：'foo@foo.com', //酒吧：10 // } } //此代码生成一个带有submit按钮的表单，该按钮将运行'submit'` //方法在使用有效电子邮件单击提交按钮时。提交按钮 //只要 //-foo输入为空或值不是电子邮件；以及 //-条形输入不是整数。 //验证错误时，它将显示错误消息。 渲染{ 回来 提交 }

---

}是的，它显示了相同的错误。我认为问题出在“exportdefaultformsy.HOCMyInputHOC；”行上由于我正在App.js中导入'MyForm'，但在上面的代码中，我们没有导出'MyForm'，我已经为每个字段和表单创建了单独的组件。现在它正在工作，至少正在渲染表单。感谢您的时间和帮助乐意帮助：