结合使用React Dropzone和React Final Form

Question

试图弄清楚如何同时使用这两个组件。人们指的是an issue on 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

我在Code Sandbox上设置了简化的测试用例，该用例使用了挂钩和文件预览。我还尝试查看文档中的custom inputs，但似乎缺少某些功能。如果有人能指出我正确的方向，那将是超级高兴。

Answer 1

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