Reactjs 同一屏幕上的多个所见即所得编辑器导致具有不同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"}}/>

{
const html=this.onEditor1StateChange（数据）；
setFieldValue（“内容标题”，html）；
}}
工具栏={toolbar_OPTIONS}
editorStyle={{fontSize:16，fontFamily:“Arial”}/>
{
const html=this.onEditor2StateChange（数据）；
setFieldValue（“内容标题”，html）；
}}
工具栏={toolbar_OPTIONS}
editorStyle={{fontSize:10，fontFamily:“Verdana”}/>

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