更新我的状态变量时发生 React-quilljs 错误

发布于 2025-01-11 16:15:06 字数 813 浏览 0 评论 0原文

我正在使用 react-quilljs 并且我想为其设置一个初始值每当文本发生变化时,我想通过 useState 的 setState 设置输出变量,这样当用户单击“保存”按钮时,我可以使用状态变量来保存数据。

React.useEffect(() => {
    
    if (quill) {
        quill.clipboard.dangerouslyPasteHTML(initialData);
        quill.setSelection(quill.getLength(), 0);
        quill.on('text-change', (delta, oldDelta, source) => {
            console.log('Text is Changed');
            getData(quill.root.innerHTML); // this is my setState
        });
    }
}, [quill]);

但我收到此错误

在此处输入图像描述

看来我的 setState 触发了重新渲染并使编辑器返回到其初始值。

谁能指导我如何获得 quilleditor 输出。

I am using react-quilljs and I want to set an intial value to it and at the same time I want to set my output variable via setState of useState whenever the text changes so I can use the state variable to in saving the data when user click save button.

React.useEffect(() => {
    
    if (quill) {
        quill.clipboard.dangerouslyPasteHTML(initialData);
        quill.setSelection(quill.getLength(), 0);
        quill.on('text-change', (delta, oldDelta, source) => {
            console.log('Text is Changed');
            getData(quill.root.innerHTML); // this is my setState
        });
    }
}, [quill]);

But I got this error

enter image description here

It seems my setState triggers re render and make the editor go back to its initial value.

Can anyone guide me on how I can get my quilleditor output.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文