reactjs - reactjs错误-onChange不是函数错误

Question

我创建了一个带有文件输入和文本字段的字段数组。一切似乎都很好，但是当我尝试上传小图像或在文本字段中输入内容时，会弹出一个类型错误，并显示“onChange 不是函数”消息。如何修复此错误？

我已将代码上传到代码沙箱： https ://codesandbox.io/s/cool-wildflower-6jlcl?file=/src/App.js

标签： reactjsreact-hookscodesandboxreact-forms

Answer 1

您的整个代码按预期工作，您得到的错误onChange是因为未声明函数。您期望从组件的render 属性中Controller获得它，但您没有以正确的方式获得它。

71 号线

render={({ onChange }) => /** rest */ }

应该

render={({ field: { onChange } }) => /** rest */ }

您可以在 react hook form docs 中看到如何完成此操作的示例