reactjs 错误 - onChange 不是函数错误

Question

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

我已经把代码上传到codesandbox了: https://codesandbox.io/s/cool-wildflower-6jlcl?file=/src/App.js

Answer 1

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

第 71 行

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

应该是

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

可以看到an example of how this is done in react hook form docs