Ckeditor是空的(消失)，当我在React中按f5刷新

Question

我在react项目中使用Ckeditor

但是当我刷新页面时，Ckeditor就不见了。

只有当我打开页面时才会显示。

有什么问题吗?

Answer 1

我也有同样的问题。我认为这与ckeditor的编辑值。

尝试在开发中使用此代码，并在生产构建中使用示例中给出的默认代码。

不确定这是否是一个好的做法，但它达到了目的。

const [state, setState] = useState({
data: (props.children.toString() || ""),
editor: null
})
useEffect(() => {
console.log(state.data);
const editor = (
<CKEditor
id={"ck-editor-text"}
editor={ClassicEditor}
data={state.data}
onReady={editor => {console.log('Editor is ready to use!', editor)}}
/>
)
setState({...state, editor: editor});
}, [])
return (
<div className={style.wrapper}>
<div className={"w-64"} id={"ck-editor-text"}>
{state.editor}
</div>
</div>
)