Aviso de traducción por IA

Esta documentación ha sido traducida automáticamente por IA.

Empezando con FlowModel

FlowModel personalizado

class HelloModel extends FlowModel {
  render() {
    return (
      <div>
        <h1>¡Hola, NocoBase!</h1>
        <p>Este es un bloque simple renderizado por HelloModel.</p>
      </div>
    );
  }
}

Clases base de FlowModel disponibles

Nombre de la clase baseDescripción
BlockModelClase base para todos los bloques
CollectionBlockModelBloque de colección, hereda de BlockModel
ActionModelClase base para todas las acciones

Registrando FlowModel

export class PluginHelloClient extends Plugin {
  async load() {
    this.engine.registerModelLoaders({
      HelloModel: {
        // Importación dinámica: el módulo del modelo solo se carga cuando este modelo se necesita por primera vez
        loader: () => import('./HelloModel'),
      },
    });
  }
}

Renderizando FlowModel

<FlowModelRenderer model={model} />