• Deutsch
      • KI-Übersetzungshinweis

      Diese Dokumentation wurde automatisch von KI übersetzt.

      Einstieg in FlowModel

      Benutzerdefiniertes FlowModel

      class HelloModel extends FlowModel {
  render() {
    return (
      <div>
        <h1>Hello, NocoBase!</h1>
        <p>This is a simple block rendered by HelloModel.</p>
      </div>
    );
  }
}

      Verfügbare FlowModel-Basisklassen

      BasisklassennameBeschreibung
      BlockModelBasisklasse für alle Blöcke
      CollectionBlockModelSammlungsblock, erbt von BlockModel
      ActionModelBasisklasse für alle Aktionen

      FlowModel registrieren

      export class PluginHelloClient extends Plugin {
  async load() {
    this.engine.registerModelLoaders({
      HelloModel: {
        // Dynamischer Import: Das Modellmodul wird erst geladen, wenn dieses Modell zum ersten Mal wirklich benötigt wird
        loader: () => import('./HelloModel'),
      },
    });
  }
}

      FlowModel rendern

      <FlowModelRenderer model={model} />