Javascript react草稿所见即所得编辑器字段输入缺失

react草稿所见即所得编辑器框缺失。如何为编辑器输入字段绘制框

import React，{Component，Fragment}来自'React'；
从'draft js'导入{EditorState，ContentState，convertToRaw，convertFromHTML}；
从“react draft wysiwyg”导入{Editor}；
导入“../../../node_modules/react draft wysiwyg/dist/react draft wysiwyg.css”；
从“draftjs到html”导入draftToHtml；

进入

'node\u modules/react draft wysiwyg/dist/react draft wysiwyg.css'

并添加了边框

.rdw-editor-main {
  height: 250px;
  /* overflow: auto; */
  box-sizing: border-box;
  border-radius: 2px;
  border: 1px solid #F1F1F1;

}

---

您可以创建css文件并为

.rdw选项包装添加边框

。包装器ClassName.rdw选项包装器{
最小宽度：37px；
高度：32px；
边界半径：2px；
填充物：5px；
利润率：0.4px；
}
}

可能存在一些css问题。您可以打开devTools来检查编辑器是否渲染。它的渲染，但输入字段框丢失

editorClassName=“editorClassName”

是输入字段的类，我的意思是检查输入字段是否渲染，并检查css属性。最好创建一个简单的演示来重现该问题。如果删除或重新安装依赖项，则该问题将被删除。

.rdw-editor-main {
  height: 250px;
  /* overflow: auto; */
  box-sizing: border-box;
  border-radius: 2px;
  border: 1px solid #F1F1F1;

}