• Português
      • Aviso de tradução por IA

      Esta documentação foi traduzida automaticamente por IA.

      Começando com FlowModel

      FlowModel Personalizado

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

      Classes Base de FlowModel Disponíveis

      Nome da Classe BaseDescrição
      BlockModelClasse base para todos os blocos
      CollectionBlockModelBloco de coleção, herda de BlockModel
      ActionModelClasse base para todas as ações

      Registrando FlowModel

      export class PluginHelloClient extends Plugin {
  async load() {
    this.engine.registerModelLoaders({
      HelloModel: {
        // Importação dinâmica: o módulo do modelo só é carregado quando este modelo é realmente necessário pela primeira vez
        loader: () => import('./HelloModel'),
      },
    });
  }
}

      Renderizando FlowModel

      <FlowModelRenderer model={model} />