javascript - Jodit React 编辑器失去对 onchange 方法的关注

Question

在react-jodit插件中，当我们使用onchange事件时，输入一个字符后它会失去输入焦点。我正在附上代码的图像:

如何解决这个问题？

Answer 1

只需初始化 useMemo 中的配置即可:

import React, {useState, useRef, useMemo} from 'react';
import JoditEditor from "jodit-react";

const Example = ({placeholder}) => {
    const editor = useRef(null)
    const [content, setContent] = useState('')
    
const config = useMemo(
    () => ({
        readonly: false, 
    }),
    []
);
    return (
            <JoditEditor
                ref={editor}
                value={content}
                config={config}
                onChange={newContent => {setContent(newContent)}}
            />
        );
}