defaultProps:我经常低估的 React 组件属性
defaultProps:我经常低估的 React 组件属性
小号 去年我才知道 React。我也尝过并偷看了一些 项目 不同的使用 React。但可笑的是,那一年,我什至很少使用 默认道具 .
和 默认道具 独自的 __ 我们可以定义值 默认 一个或几个 道具 .作为概念 默认值 上 函数参数, 分数 默认 如果我们在调用组件时没有定义它,它将应用于组件。 React 本身称之为 特殊属性 , 也许是因为他太特别了。
让我们尝试通过创建一个简单的组件来练习,
功能问候({用户}){
返回 (
<h1>你好,{用户}</h1>
)
}
在上面的示例中,我们有组件 问候
其工作是返回带有元素的文本 h1
和 复制 你好,{用户}
.有了这样的声明,我们应该调用组件 问候
和 片段 下列的:
< _问候_ 用户="乔科" />
但是,如果我们实现 默认道具 在组件上 问候
,我们可以召唤它而无需付出 道具 用户
.
< _问候_ />
好吧,React 本身提供了一个特性来做到这一点 默认道具 .让我们尝试重新定义组件 问候
加上财产 默认道具 .
功能问候({用户}){
返回 (
<h1>你好,{用户}</h1>
)
} Greeting.defaultProps = {
用户:“匿名”
}
和 片段 上面,我们可以定义 默认值 为了 道具 我们的组件 更整洁 .
美丽的代码是程序员讲述他们故事的机会。
不幸的是,到目前为止,我很少应用上述方法。周。
原因?
因为我将 React 中的一个组件类比为一个 功能 (事实上我是这么认为的),我想定义 默认道具值 , 我只是用同样的方法做 功能 正常,对吧?
功能问候({
用户 = "派乔"
}) {
返回 (
<h1>你好,{用户}</h1>
)
}
片段 以上在我们调用组件时不会产生错误 问候
不付出 道具 用户
.
但是,正如我对房产的看法 默认道具
我可以更简洁地定义它。我认为这种方式要好得多。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明