同一屏幕上的多个react-draft-wysiwyg编辑器会导致带有differentEditorStyle属性的奇怪行为

如何解决同一屏幕上的多个react-draft-wysiwyg编辑器会导致带有differentEditorStyle属性的奇怪行为

这就是我试图为两个编辑器设置editorStyle的方式。

<Editor editorState={editor1State}
        toolbarClassName="editor1Toolbar"
        wrapperClassName="editor1ToolbarWrapper customize"
        editorClassName="form-control-sm"
        onEditorStateChange={(data) => {
           const html = this.onEditor1StateChange(data);
           setFieldValue("content_title",html);
        }}
        toolbar={TOOLBAR_OPTIONS}
        editorStyle={{fontSize: 16,fontFamily: "Arial"}}/>

<Editor editorState={editor2State}
        toolbarClassName="editor2Toolbar"
        wrapperClassName="editor2ToolbarWrapper customize"
        editorClassName="form-control-sm"
        onEditorStateChange={(data) => {
           const html = this.onEditor2StateChange(data);
           setFieldValue("content_title",html);
        }}
        toolbar={TOOLBAR_OPTIONS}
        editorStyle={{fontSize: 10,fontFamily: "Verdana"}}/>

，但是editor1的样式也适用于editor2。如果我未对editor1应用任何editorStyle，但editor2具有editorStyle对象，则editor2将丢失其样式对象