en mi código quiero editar el artículo del artículo:
const [contentEditor, setContentEditor] = useState(null); useEffect(() => { async function getLoadData(){ setitem(""); setContentEditor(""); try{ const data = await GetDataApi('/article/item?id='+ id); setIsLoading(false); if(data.status === 1){ setitem(data.content); setContentEditor(data.content.text); } else{ } } catch(e){ return( <div>error</div> ) } } getLoadData(); },[]);en html
<CKEditor editor={ ClassicEditor } data={**contentEditor**} onReady={editor=>{}} onChange={ ( event, editor ) => { const data = editor.getData(); setContentEditor(data); } } />pero no funcionó y tuvo un error: un componente está cambiando una entrada no controlada para ser controlada. Es probable que esto se deba a que el valor cambia de indefinido a un valor definido, lo que no debería suceder. Decidir entre usar un elemento de entrada controlado o no controlado durante la vida útil del componente
me di cuenta
CKEditor en reaccionar no puede cargar datos del servidor en el componente de carga
Resolví de esta manera:
{
Editor de contenido&&
<CKEditor editor={ ClassicEditor } data={contentEditor} onReady={editor=>{}}
onChange={ (evento, editor) => { const data = editor.getData(); setContentEditor(datos); }} /> }