• Русский
      • Уведомление о переводе ИИ

      Эта документация была автоматически переведена ИИ.

      Начало работы с FlowModel

      Создание собственного FlowModel

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

      Доступные базовые классы FlowModel

      Базовый классОписание
      BlockModelБазовый класс для всех блоков
      CollectionBlockModelБлок коллекции, наследуется от BlockModel
      ActionModelБазовый класс для всех действий

      Регистрация FlowModel

      export class PluginHelloClient extends Plugin {
  async load() {
    this.engine.registerModelLoaders({
      HelloModel: {
        // Динамический импорт: модуль модели загружается только тогда, когда эта модель впервые действительно нужна
        loader: () => import('./HelloModel'),
      },
    });
  }
}

      Отображение FlowModel

      <FlowModelRenderer model={model} />