将 React Dropzone 与 React Final Form 一起使用

Question

试图弄清楚如何一起使用这两个组件。github 上有一个问题，人们参考它来启动并运行它，但我无法弄清楚。其要点是这样的：

<Field name={`logo`}>
  {(fieldprops) => (
    <div>
      <label>Logo</label>
      <Dropzone 
        onDrop={(files, e) => {
          props.change(`logo`, files);
          props.blur(`logo`);
        }}
      />
      <pre>{JSON.stringify(fieldprops, 0, 2)}</pre>
    </div>
  )}
</Field>

使用确切的代码对我来说会抛出错误：TypeError: children is not a function

我在代码沙盒上设置了一个使用挂钩和文件预览的简化测试用例。我还尝试查看文档中的自定义输入，但似乎缺少一些东西才能正常工作。如果有人能指出我正确的方向，我会非常高兴。

Answer 1

onChange您的组件中没有回调Dropzone。这个怎么样？