Javascript 从React js中的文本编辑器获取值

我正在为Reactjs使用一个quill js组件（一个文本编辑器），我正在测试它以查看它的所有特性。 我设法建立了一个带有工具栏的编辑器，但现在我有一个疑问，我如何才能获得用户键入的所有内容并将其保存在我的状态？正如我将在代码中显示的，如果我使用console.log（quillRef.current），我会得到一个div，在它里面有一个p元素，其中包含用户键入的所有内容。我的想法是在最后放置一个按钮，当用户停止键入并单击按钮时，我存储他键入的内容

下面是我正在测试的沙箱的链接：

使用

quill.getText（）函数：

import React，{useState}来自“React”；
从“react quilljs”导入{useQuill}；
导出默认值（）=>{
const{quill，quillRef}=useQuill（）；
const[savedText，setSavedText]=useState（“”）；
常量handleSave=（）=>{
const text=quill.getText（）；
setSavedText（文本）；
};
返回(
拯救
已保存状态：{savedText}
);
};

检查codesandbox:
有没有办法通过用户应用的样式获取此数据？我不知道，您需要仔细检查库和文档：@Gabrietiso样式已经导入
quill/dist/quill.snow.css
中，您只需拥有类名
className=“ql编辑器”
在div中，您将在其中呈现生成的html，所有样式将立即应用