Blazor-一种在页面之间共享数据的替代方法



我们有一个非平凡的blazor-wasm应用程序原型,即将对其进行重构以用于生产。在页面之间共享对象会带来很多复杂性。我们正在考虑放弃内置路由,而采用一种方法;页面";只是一个组件,并基于某个状态变量进行选择性渲染。请参阅下面的代码片段,其中C1和C2是组件。这是个坏主意吗?

@page "/counter"
<h1>Counter</h1>
<p>Current count: @currentCount</p>
<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
@switch (currentCount)
{
case 1:
{
<C1></C1>
break;
}
case 2:
{
<C2></C2>
break;
}
//more "page cases" go here

default:
{
<p> No component</p>
break;
}
}
@code {
private int currentCount = 0;
private void IncrementCount()
{
currentCount++;
}
}

我会研究Fluxor的状态管理。。。更强大的方式,但有一点时间来正确使用。

https://betweentwobrackets.dev/posts/2020/06/state-management-with-blazor-using-fluxor-part-1/

相关内容

  • 没有找到相关文章

最新更新