ASP.NET Core Blazor级联值和参数1基本用法

1. 作用：

官方：将数据沿组件层次结构从祖先组件向下流向任意数量的后代组件

解释：Blazo里在父组件给子组件无限级别的传递参数的方法，方便子组件调用

2. 用法：

1）使用CascadingValue组件提供级联值，并包裹需要级联的子组件。

其中，Value="..."为其属性值。

在Index.razor中：

@page "/"
Index
 
Click me
 

    

 
@code{
    public string MyName{set;get;} = "Test";
 
    private void onclick()
    {
        MyName = "Test1";
    }
}

2）在子组件中，使用 [CascadingParameter] 特性来声明级联参数。

在FetchData中：

@code {
 
    [CascadingParameter]
    public Index index{set;get;}
 
    private WeatherForecast[]? forecasts;
 
    protected override async Task OnInitializedAsync()
    {
        forecasts = await ForecastService.GetForecastAsync(DateOnly.FromDateTime(DateTime.Now));
    }
}

3. 结果：

可见，父组件的引用给传递下去了。