reactjs - 由输入字段上的 onChange / React Quill 引起的 React 无限循环

Question

我是新手，只需更新 onChange 中的值即可过滤一些标签。但是当我这样做时，它会导致无限循环。我怎样才能防止这种情况？

const Editor = ({ onChange, name, value }) => {

  const modules = {
    toolbar: [
      [{ 'header': '1'}, {'header': '2'}, { 'font': [] }],
      [{size: []}],
      ['bold', 'italic', 'underline','strike', 'blockquote'],
      [{'list': 'ordered'}, {'list': 'bullet'}, {'indent': '-1'}, {'indent': '+1'}],
      ['link'],
      ['clean']
    ],
    clipboard: {
      matchVisual: false
    }
  }

  return (
    <ReactQuill
      theme="snow"
      value={value}
      modules={modules}
      onChange={(content, event, editor) => {
        const cleanedContent = content?.replace(/<p><br><\/p>/g, '<br>');
        console.log('test');
        onChange({ target: { name, value: cleanedContent  } });
      }}/>
  );
};

export default Editor;