Javascript 反应羽毛笔js。如何控制台登录更改处理程序？

我目前正在创建一个博客仪表板，我是web开发的初学者。对于编辑器，我使用React quill。。 在文档中有一个关于更改处理程序的教程。但它只是控制台日志“文本更改”，我试图用我在羽毛笔编辑器上键入的任何内容更改控制台日志“文本更改”

我的问题是。怎么做？ 这里是我的

useffect

代码：

   const { quill, quillRef } = useQuill();
    const [isi, setisi] = useState('')
    
   useEffect(() => {
      if (quill) {
        quill.on('text-change', () => { 
            console.log('teks-changed! ')
        })
        
        
        
      }
    }, [quill]);

---

您需要使用quill.getText（）来获取文本。下面是完整的工作代码

const { quill, quillRef } = useQuill();
  React.useEffect(() => {
    if (quill) {
      quill.on('text-change', (e) => {
        const text = quill.getText();
        console.log(text);
      });
    }
  }, [quill]);

---

您需要使用quill.getText（）来获取文本。下面是完整的工作代码

const { quill, quillRef } = useQuill();
  React.useEffect(() => {
    if (quill) {
      quill.on('text-change', (e) => {
        const text = quill.getText();
        console.log(text);
      });
    }
  }, [quill]);

---

获取羽毛笔数据有两个选项：

在下一个示例中，我记录了以下两个方面：

import React, { useEffect } from "react";
import { useQuill } from "react-quilljs";
import "quill/dist/quill.snow.css"; // Add css for snow theme

export default () => {
  const { quill, quillRef } = useQuill();

  useEffect(() => {
    if (quill) {
      quill.on("text-change", (delta) => {
        console.log("delta", delta);
        console.log("innerHTML", quill.root.innerHTML);
      });
    }
  }, [quill]);

  return (
    <div style={{ width: 500, height: 300 }}>
      <div ref={quillRef} />
    </div>
  );
};

import React，{useffect}来自“React”；
从“react quilljs”导入{useQuill}；
导入“quill/dist/quill.snow.css”；//为雪主题添加css
导出默认值（）=>{
const{quill，quillRef}=useQuill（）；
useffect（（）=>{
如果（羽毛笔）{
羽毛笔上（“文字变化”，（增量）=>{
控制台日志（“增量”，增量）；
log（“innerHTML”，quill.root.innerHTML）；
});
}
}，[羽毛笔]；
返回(
);
};

获取羽毛笔数据有两个选项：

在下一个示例中，我记录了以下两个方面：

import React, { useEffect } from "react";
import { useQuill } from "react-quilljs";
import "quill/dist/quill.snow.css"; // Add css for snow theme

export default () => {
  const { quill, quillRef } = useQuill();

  useEffect(() => {
    if (quill) {
      quill.on("text-change", (delta) => {
        console.log("delta", delta);
        console.log("innerHTML", quill.root.innerHTML);
      });
    }
  }, [quill]);

  return (
    <div style={{ width: 500, height: 300 }}>
      <div ref={quillRef} />
    </div>
  );
};

import React，{useffect}来自“React”；
从“react quilljs”导入{useQuill}；
导入“quill/dist/quill.snow.css”；//为雪主题添加css
导出默认值（）=>{
const{quill，quillRef}=useQuill（）；
useffect（（）=>{
如果（羽毛笔）{
羽毛笔上（“文字变化”，（增量）=>{
控制台日志（“增量”，增量）；
log（“innerHTML”，quill.root.innerHTML）；
});
}
}，[羽毛笔]；
返回(
);
};

quill.getContents（）；返回quill editorquill.getContents（）上的当前内容；返回quill editor上的当前内容emme try first samit works bro。。顺便说一句，我只是想知道，我可以把文本传递到状态吗？并使用axios将其发布到DB？您只需在console.log之前调用您的函数即可。基本上，您需要使用use state声明参数，然后在console之前调用setstate函数。。顺便说一句，我只是想知道，我可以把文本传递到状态吗？并使用axios将其发布到DB？您只需在console.log之前调用您的函数即可。基本上，您需要使用use state声明参数，然后在console之前调用setstate函数。对不起，我不知道我单击了它。我先试试！那很有效。。但是有什么区别呢？我只是一个初学者，我知道让我先试试看！那很有效。。但是有什么区别呢？我只是一个初学者，我只是想赢