React 16-如何在我的页面中使用React Fine Uploader

Question

我是React的新手，想知道如何在我的应用程序中实现react-fine-uploader组件。

是否存在有关如何使用此组件的示例？

实际上，我正在尝试在页面内使用dropzone组件。请参阅此https://github.com/FineUploader/react-fine-uploader#dropzone-

但是它给了我这个错误“目标容器不是DOM元素”。

我的上传组件：

import * as React from "react";
import * as ReactDOM from 'react-dom'

import Dropzone from 'react-fine-uploader/dropzone'
import FineUploaderTraditional from 'fine-uploader-wrappers'

const uploader = new FineUploaderTraditional({
   options: {
      request: {
         endpoint: 'my/upload/endpoint'
      }
   }
})

const dropzone = (
    <Dropzone style={ { border: '1px dotted', height: 200, width: 200 } }
              uploader={ uploader }
    >
        <span>Drop Files Here</span>
    </Dropzone>
)

ReactDOM.render(
    dropzone,
    document.getElementById('content')
)

在我的main page.tsx渲染方法中，我正在使用此组件：

 public render() { 
        return (
                 <div id='content'>
                    <Upload />
                </div>
          );
 }