我在NextJs中有"TypeError:无法以函数的形式调用类“和EditorJS

Question

在我的NextJs应用程序中包含EditorJs有一个问题。我试过这个：

Editor.js

    import dynamic from "next/dynamic";
    
    let CustomEditor = dynamic(() => import("./CustomEditor"), {
        ssr: false,
    });
    
    export default function Editor() {   
    
        return (
            <>
                {CustomEditor && (
                    <CustomEditor
                    />
                )}
            </>
        );
    }

CustomEditor.js

import EditorJS from "@editorjs/editorjs";

const CustomEditor = () => {

    return (
        <EditorJS  />
    );
};

export default CustomEditor;

但我有个问题：

​

​

我能做些什么来解决这个问题？

Answer 1

您没有正确地使用“编辑器-js”。看看文档。EditorJS不是一个函数/类组件，因此不能使用它。我建议你试试react编辑器js。它有预定义的组件，您可以很容易地使用这些组件：

import { createReactEditorJS } from 'react-editor-js'

const ReactEditorJS = createReactEditorJS()

<ReactEditorJS defaultValue={blocks} />