Blazor 怎么向组件传递参数

Blazor中组件参数传递主要通过[Parameter]特性实现，要求属性为public且可set；支持简单类型、RenderFragment子内容和EventCallback事件回调，并可设默认值或可空类型。

Blazor 中向组件传递参数主要通过 组件参数（Component Parameters） 实现，本质是给组件的 public 属性打 [Parameter] 特性。这是最常用、最直接的方式。

使用 [Parameter] 传递简单类型参数

在子组件中定义带 [Parameter] 特性的 public 属性，父组件在引用时用属性语法传值：

• 子组件（如 Counter.razor）中写：
  

  @code {<br>  [Parameter] public int StartCount { get; set; } = 0;<br>  [Parameter] public string Title { get; set; } = "计数器";<br>}

• 父组件中使用：
  <counter startcount="5" title="我的计数器"></counter>
• 注意：参数名区分大小写，且必须是 public、可 set 的属性；不加 [Parameter] 不会被识别为输入参数。

传递组件内容（Child Content）

用 [Parameter] public RenderFragment ChildContent { get; set; } 接收嵌套内容：

• 子组件（如 Card.razor）中定义：
  [Parameter] public RenderFragment ChildContent { get; set; }
• 模板中渲染：
  

  <div class="card"><br>  @ChildContent<br></div>

• 父组件调用：
  

  <Card><br>  <h3>标题</h3><br>  <p>这里是卡片正文</p><div class="aritcle_card flexRow">
                                                          <div class="artcardd flexRow">
                                                                  <a class="aritcle_card_img" href="/ai/1446" title="Imagine By Magic Studio"><img
                                                                                  src="https://img.php.cn/upload/ai_manual/001/431/639/68b6cd725c13a417.png" alt="Imagine By Magic Studio"  onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
                                                                  <div class="aritcle_card_info flexColumn">
                                                                          <a href="/ai/1446" title="Imagine By Magic Studio">Imagine By Magic Studio</a>
                                                                          <p>AI图片生成器，用文字制作图片</p>
                                                                  </div>
                                                                  <a href="/ai/1446" title="Imagine By Magic Studio" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
                                                          </div>
                                                  </div><br></Card>

传递事件回调（EventCallback）

让子组件“通知”父组件，用 EventCallback<T>：

• 子组件中声明：
  [Parameter] public EventCallback<string> OnClick { get; set; }</string>
• 触发时调用：
  await OnClick.InvokeAsync("按钮被点了");
• 父组件绑定：
  <mybutton onclick="HandleClick"></mybutton>
  并在 @code 块中定义：
  private void HandleClick(string msg) { ... }

可选参数与默认值

参数可以设默认值（C# 属性默认值或构造函数初始化），不传也不会报错：

• [Parameter] public bool IsEnabled { get; set; } = true;
• 也可用 [Parameter] public string? Description { get; set; } 表示可为空，不传即为 null。
• 若需判断是否显式传入，可用 bool HasValue 配合 nullable 引用类型 + 初始化检查，但 Blazor 本身不提供“是否传了”的元信息，一般靠默认值语义区分。

基本上就这些。参数传递不复杂但容易忽略大小写和 public/set 要求，写完记得检查编译错误提示 —— 它通常会明确告诉你哪个属性没加 [Parameter] 或不可访问。