Javascript React.js CKEditor5组件-创建组件时出现问题

我正在尝试使用以下组件将CKEditor集成到我们的React.js项目中：

我在git存储库中使用了以下代码来定义CKEditor组件：

在我的代码中，我引用了组件：

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


const TemplateForm = props => {
    return (
        <div>

            /*  Other form fields */

            <CKEditor
                name="body"
                placeholder="Compose message"
                content={ props.defaults.body }
                value={ props.defaults.body }
                errors={ props.errors.body }
                onInput={ props.onInput }
                onChange={ props.onValueChange }
            />

        </div>
    );
};

从“@CKEditor/ckeditor5 react”导入CKEditor；
从“@ckeditor/ckeditor5 build classic”导入ClassicEditor；
const TemplateForm=props=>{
返回(
/*其他表单字段*/
);
};

---

加载页面时，我从ckeditor.js中得到一个javascript错误“无法读取未定义的属性'create'”-未定义“this.props.editor”值。我是个反应新手，所以我肯定我错过了一些非常简单的东西。建议？

您的错误来自组件（CKEditor），该组件需要一个带有键“编辑器”的道具，而您当前没有提供该道具

您可能会在他们的文档中找到一个选项列表，但在检查他们的回购时，我发现了这个示例，其中他们将编辑器设置为

ClassicEditor

，您已经导入了该编辑器：

因此，这应该是可行的：

<CKEditor
  name="body"
  placeholder="Compose message"
  content={ props.defaults.body }
  editor={ ClassicEditor }
  value={ props.defaults.body }
  errors={ props.errors.body }
  onInput={ props.onInput }
  onChange={ props.onValueChange }
/>

从您的错误中，似乎CKEditor希望传入一个名为“editor”的道具。您目前有名称、内容、值，但没有“编辑器”，非常感谢。这解决了我的问题-我觉得这很简单。仍然在试图用反应/道具/等等来吸引我的注意力。