javascript - 是否可以将反应组件附加到正文

Question

我正在从 npm 导入一个反应组件

import { SketchPicker } from 'react-color';

现在要使用颜色选择器，我在类组件中编写了以下方法

 colorHandler(value) {
    if (value === 'custom-color') {
      var picker = document.getElementById('color-picker');
      if (!picker) {
        picker = document.createElement('input');
        picker.id = 'color-picker';
        picker.type = 'color';
        picker.style.display = 'none';
        picker.value = '#FF0000';
        document.body.appendChild(picker);

        picker.addEventListener(
          'change',
          () => {
            this.quill.format('color', picker.value);
          },
          false,
        );
      }
      picker.click();
    } else {
      this.quill.format('color', value);
    }
  }

我基本上想要类似的东西

var picker = document.getElementById('color-picker');
picker.appendChild(<SketchPicker />)

有可能这样做吗？

标签： javascriptreactjs