defaultProps:我经常低估的 React 组件属性

defaultProps:我经常低估的 React 组件属性

小号 去年我才知道 React。我也尝过并偷看了一些 项目 不同的使用 React。但可笑的是,那一年,我什至很少使用 默认道具 .

Photo by 劳塔罗·安德里亚尼 on 不飞溅

默认道具 独自的 __ 我们可以定义值 默认 一个或几个 道具 .作为概念 默认值函数参数, 分数 默认 如果我们在调用组件时没有定义它,它将应用于组件。 React 本身称之为 特殊属性 , 也许是因为他太特别了。

让我们尝试通过创建一个简单的组件来练习,

 功能问候({用户}){  
 返回 (  
 <h1>你好,{用户}</h1>  
 )  
 }

在上面的示例中,我们有组件 问候 其工作是返回带有元素的文本 h1复制 你好,{用户} .有了这样的声明,我们应该调用组件 问候片段 下列的:

 < _问候_ 用户="乔科" />

但是,如果我们实现 默认道具 在组件上 问候 ,我们可以召唤它而无需付出 道具 用户 .

 < _问候_ />

好吧,React 本身提供了一个特性来做到这一点 默认道具 .让我们尝试重新定义组件 问候 加上财产 默认道具 .

 功能问候({用户}){  
 返回 (  
 <h1>你好,{用户}</h1>  
 )  
 } Greeting.defaultProps = {  
 用户:“匿名”  
 }

片段 上面,我们可以定义 默认值 为了 道具 我们的组件 更整洁 .

美丽的代码是程序员讲述他们故事的机会。

不幸的是,到目前为止,我很少应用上述方法。周。

原因?

因为我将 React 中的一个组件类比为一个 功能 (事实上​​我是这么认为的),我想定义 默认道具值 , 我只是用同样的方法做 功能 正常,对吧?

 功能问候({  
 用户 = "派乔"  
 }) {  
 返回 (  
 <h1>你好,{用户}</h1>  
 )  
 }

片段 以上在我们调用组件时不会产生错误 问候 不付出 道具 用户 .

但是,正如我对房产的看法 默认道具 我可以更简洁地定义它。我认为这种方式要好得多。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/37266/20091710

posted @ 2022-09-17 10:21  哈哈哈来了啊啊啊  阅读(79)  评论(0编辑  收藏  举报