了解Blazor props语法

时间:2019-09-22 19:12:02

标签: razor blazor blazor-client-side

我知道fgets,但最近主要是对C#进行编程,现在我正在研究React,并试图理解其古怪的语法。

在不同的示例中,我看到将道具(属性)传递到组件时,在各个位置使用了Blazor符号:

我看过的例子:

  • 在属性值之前,用引号引起来 @

  • 在属性值之前,不带引号 <Component title="@SomeValue"/>

  • 在属性名称之前 <Component title=@SomeValue/>

这些是什么?我注意到没有<Component @title="SomeValue"/>的工作方式通常与此相同。 Official documentation并没有深入探讨

1 个答案:

答案 0 :(得分:3)

  

我在不同的示例中看到,在将道具(属性)传递给组件时,@符号在各个位置被使用

是的,这在预览版本中已更改了几次。因此,某些博客和示例将过时。所以首先要检查:这段代码或文章的年龄是多少?

官方文档没有讨论这些更改,但是它们是最新版本。

主要更改是在preview6中:“在此Blazor版本中,我们对指令属性的通用语法进行了标准化。”

我的简单总结:Blazor属性(伪指令)以@开头,而普通HTML属性则不是。
这些属性(绑定或事件处理程序)的值不需要@

在以后的预览中,确定着装应该区分大小写。