想在 React 应用程序中使用 jsoneditor，但它给了我错误

Question

我是新来的。 但是我用 React CLI 创建了一个 React 应用程序，现在我想在这个应用程序中使用 jsoneditor。 我在这里显示的编辑器链接。 JSON 编辑

当我在应用程序中导入它时，就像这样 import './plugins/jsoneditor/jsoneditor.js'; 它抛出我错误

相同的插件工作没有任何依赖性，因为我包含在脚本标签中。

Answer 1

您不能加载React不支持的外部库。 您要使用的编辑器还没有与React兼容的组件类。 因此，如果您尝试像导入其他组件一样导入文件，则会出现错误。

因此，现在您仅需将Library作为script标签包括在内。 等到开发人员进行更新或尝试其他库。

或者看看React Json Editor是否可以满足您的目的。

Answer 2

您可以使用React.Lazy()在反应中加载外部编辑器或任何具有 Plain Javascript 的外部 JS 文件。

const MarkdownPreview = lazy(() => import('./MarkdownPreview.js'));

我在尝试将 ace JS 编辑器加载到我的 React 应用程序时遇到了类似的问题。 就这样解决了。