• Español
      • 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} />