ReactQuill 与 NextJS
由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!
大家好,想和大家分享一下。我一直在寻找与 NextJS 兼容的富文本编辑器,但一直没找到。不过,我找到了让 ReactQuill 运行起来的方法。
导入动态
import dynamic from 'next/dynamic'
之后,使用动态导入 ReactQuill。
const ReactQuill = dynamic(() => import("react-quill"), { ssr: false });
现在您可以轻松使用它了!
例如:
import { useState } from "react";
import dynamic from 'next/dynamic';
const ReactQuill = dynamic(() => import("react-quill"), { ssr: false });
import 'react-quill/dist/quill.snow.css';
function App() {
const [value, setValue] = useState('')
return(
<ReactQuill value={value} onChange={setValue}/>
)
}
export default App;
希望这能帮到你😊
文章来源:https://dev.to/a7u/reactquill-with-nextjs-478b