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} />

#FlowModel から始める

#カスタム FlowModel

#利用可能な FlowModel 基底クラス

#FlowModel の登録

#FlowModel のレンダリング

#FlowModel から始める

#カスタム FlowModel

#利用可能な FlowModel 基底クラス

#FlowModel の登録

#FlowModel のレンダリング

FlowModel から始める

カスタム FlowModel

利用可能な FlowModel 基底クラス

FlowModel の登録

FlowModel のレンダリング

FlowModel から始める

カスタム FlowModel

利用可能な FlowModel 基底クラス

FlowModel の登録

FlowModel のレンダリング