Blazor中传递数据的几种情况总结(五):向多层子组件传递数据

向多层子组件传递数据时,如果一层一层转发就会比较麻烦,可使用CascadingParameter。

父组件:

<CascadingValue Value="message">
    <ChildComponent1 />
</CascadingValue>

@code {
    private string message = "Hello from Parent via Cascading!";
}

子组件1:

@code {
    [CascadingParameter] public string Message { get; set; }
}

<h3>Child Component 1</h3>
<p>@Message</p>

<ChildComponent2 />

子组件2:

@code {
    [CascadingParameter] public string Message { get; set; }
}

<h3>Child Component 2</h3>
<p>@Message</p>

这样在使用多层子组件的时候,可以省略在使用的<>中传递参数,较为清晰。
但是CascadingParameter只能传递一个参数,如果要传递多个参数,确定参数数量的可使用自定义类型的对象、元组,如果不能确定参数的个数,可以使用Dictionary<string,object>等类型的对象。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值