问题描述: 通过next/dynamic导入时,quill-blot格式化程序未向react-quill注册,并一直显示正在加载。
回答: 在使用next/dynamic导入时,如果quill-blot格式化程序未向react-quill注册,可能会导致加载一直显示正在加载的问题。下面是对该问题的完善和全面的答案:
下面是一个示例代码:
import dynamic from 'next/dynamic';
import Quill from 'quill';
const ReactQuill = dynamic(() => import('react-quill'), {
ssr: false,
loading: () => <div>Loading...</div>,
modules: () => ({
clipboard: {
matchers: [
['span', Quill.import('formats/blotFormatter')],
],
},
}),
});
function MyComponent() {
return (
<div>
<ReactQuill />
</div>
);
}
export default MyComponent;
在上面的代码中,通过dynamic函数导入react-quill,并在modules参数中注册了quill-blot格式化程序。这样,在组件加载时,quill-blot会被正确注册到react-quill中,解决了加载一直显示正在加载的问题。
以上是对问题的完善和全面的答案,希望能对你有帮助。如果还有其他问题,请随时提问。
领取专属 10元无门槛券
手把手带您无忧上云