Tip

このドキュメントはAIによって翻訳されました。不正確な情報については、英語版をご参照ください

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'),
      },
    });
  }
}