React Summernote onInit 函数导致问题

React Summernote onInit function causing issue

提问人:user20071254 提问时间:8/1/2023 更新时间:8/1/2023 访问量:63

问:

我正在使用 [EMAIL PROTECTED] 我遇到的问题是我无法使用 or props 设置编辑器的默认值。valuechildren

我使用了函数方法。以下是我正在使用的代码:onInit

<ReactSummernote
  className="ReactSummernote"
  codeview={this.state.codeview}
  options={{
    height: 350,
    dialogsInBody: true,
    toolbar: [
      ["style", ["style"]],
      ["font", ["bold", "underline", "clear"]],
      ["fontname", ["fontname"]],
      ["para", ["ul", "ol", "paragraph"]],
      ["table", ["table"]],
      ["insert", ["link", "picture", "video"]],
      ["view", ["codeview"]]
    ]
  }}
  onChange={(email_body) => {
    console.log("text changed");
    this.setState({email_body});
  }}
  onInit = {() => {
    console.log("Hi INIT")
    $('.ReactSummernote').summernote('code', this.state.email_body);
  }}
/>

在这里,我在里面使用jQuery。原因是我尝试了参考方法,它总是给我带来错误或未执行我所针对的功能。当我使用上述方法(提到的代码)时,它给出了默认值。当我更改编辑器的内容时,问题就出现了。 事件处理程序不起作用。它不会检测到编辑器中的任何更改。现在的原因可能是当我使用 jQuery 时,它会干扰 React 对组件的控制。但是我将如何从中获得功能。onInitonChange

reactjs 夏季笔记

评论


答: 暂无答案