Реакт 16 - Как использовать реактив тонкой загрузки на моей странице

Question

Я новичок в React и хотел знать, как внедрить в свое приложение компонентact-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>
          );
 }