BlazorのMainLayoutでFluxorのStateを利用する方法

.NETで使えるRedux系の状態管理ライブラリFluxorを使ってMAUI BlazorのMainLayoutに配置したアクションバーのタイトルをPageから設定しようとしたところ、GitHubのサンプルソースコードにあるFluxorComponentは利用できなかったので、その対応についての備忘録。

対応

MainLayoutの継承元をLayoutComponentBaseからFluxorLayoutに変更する。

サンプルソース(Blazor)

MainLayout.razor

@* @inherits LayoutComponentBase *@
@inherits Fluxor.Blazor.Web.Components.FluxorLayout

@inject IState<MainLayoutState> MainLayoutState

<div>@MainLayoutState.Value.Title</div>

参考ウェブサイトなど

• GitHub
  mrpmorris/Fluxor: Fluxor/Docs/releases.md

以上です。