向多层子组件传递数据时,如果一层一层转发就会比较麻烦,可使用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>等类型的对象。