• 日本語
      • 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'),
      },
    });
  }
}

      FlowModel のレンダリング

      <FlowModelRenderer model={model} />