配置ckeditor react组件-配置文件似乎不起作用

我已经按照说明安装了CKEditor react组件,它似乎工作正常-我的编辑“字段”现在是一个CKEditor,我可以编辑文本并保存它。。但我想做一些配置。我知道我应该用配置文件文件,但当我查看该文件时,它的内容与我看到的CKEditor不匹配。更改该文件也不会更改我的CKEditor。

import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

要将CKEditor字段放置到位:

...
        <CKEditor
            editor={ ClassicEditor }
            name="body"
            placeholder="Compose message"
            data={ props.defaults.body }
            value={ props.defaults.body }
            errors={ props.errors.body }
            onChange={ ( event, editor ) => {
                    const data = editor.getData();
                    props.defaults.body = data;
                } }
        />
 ...

在public/ck编辑器中,我看到一个配置文件文件,我以为可以在这里更改编辑器的配置。但是,它定义了工具栏:

// The toolbar groups arrangement, optimized for two toolbar rows.
config.toolbarGroups = [
    { name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
    { name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },
    { name: 'links' },
    { name: 'insert' },
    { name: 'forms' },
    { name: 'tools' },
    { name: 'document',    groups: [ 'mode', 'document', 'doctools' ] },
    { name: 'others' },
    '/',
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
    { name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
    { name: 'styles' },
    { name: 'colors' },
    { name: 'about' }
];

是两排的。我在我的CKEditor中看到的工具栏非常简单,一个单条,有样式、粗体、斜体、链接。。。不匹配配置文件完全。我想我应该改变ClassicEditor的创建来引用一个配置文件,但是我不知道该在哪里做,因为上面的代码是我所做的一切来达到我的目的。

我希望配置文件我发现的文件可以更改编辑器的配置,但它们没有。

        <CKEditor
            editor={ ClassicEditor }
            name="body"
            placeholder="Compose message"
            data={ props.defaults.body }
            value={ props.defaults.body }
            errors={ props.errors.body }
            config={ {
                  toolbar: [ 'heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', '|', 'redo' ]
            } }
            onChange={ ( event, editor ) => {
                    const data = editor.getData();
                    props.defaults.body = data;
                } }