Requisitos mínimos para crear un componente personalizado

He estado leyendo la documentación todo el día sobre cómo crear un componente personalizado. También he mirado grapesjs-mjml como ejemplo. Estoy intentando crear un tipo base para los componentes de React que pueda extenderse según sea necesario, pero por ahora solo quiero ver qué métodos de ciclo de vida se llaman y cuándo. Estoy intentando averiguar la diferencia entre 'render' y 'toHTML' específicamente. He creado solo un componente básico con algo de registro, y parece que no funciona. Aquí está mi código

'''js importar React de 'react'; exportar editor por defecto => { VAR Comps = Editor. DomComponents; var defaultType = comps.getType('default'); var defaultModel = defaultType.model; var defaultView = defaultType.view;

La 'entrada' será el ID del tipo de componente comps.addType('react-base', { Defina el modelo model: defaultModel.extend({ toHTML() { Tendremos que hacer algunos procesamientos personalizados aquí console.log('toHTML') }, }, El segundo argumento de .extend son los métodos estáticos y pondremos dentro de nuestro método isComponent(). Mientras pones un nuevo tipo de Componente encima de la pila, No declarar isComponent() probablemente podría romper cosas, especialmente si extiendes el predeterminado. { isComponent(el) { console.log(el); }, }),

Definir la vista view: defaultView.extend({ render() { Extiende el método de renderizado original También tendremos que añadir algo de procesamiento personalizado aquí console.log('render');

}, }), });

Un bloque para el componente personalizado editor. BlockManager.add('react-base', { etiqueta: 'Prueba', contenido: (<div>Foo</div>), }); };

Estoy pasando un componente React como contenido, que espero no renderizar por ahora, pero tampoco recibo ni un solo registro en mi consola. Eso sí, veo el bloque personalizado, así que sé que ese editor está definido y es exactamente lo que espero que sea.

Estoy seguro de que hay algo muy sencillo que se me escapa, pero no sé qué es.