栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

React组件中的子项prop

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

React组件中的子项prop

当您使用自定义组件时,例如

<MyComponent>Hello World</MyComponent>

无论您在标签之间写什么(在上面的示例中为Hello World),都将作为

children
属性传递给组件。

所以当像

const link = ({ active, children, onClick }) => {

你是解构的道具和只得到

active
children
onClick
从道具传递到组件

考虑例如,您将

link
组件称为

<link active="true" onClick={someFunc} style={{color: 'orange'}}>Hello</link>

然后,在所有道具中,即

active, onClick, style, children
,您将只
active,onClick,children
在组件中访问。

对于第二个问题:

这是做什么的?

子代:PropTypes.node.isRequired,

因此,这

PropTypes
是对传递给组件的道具执行typeCheck的方法。它是从
react-proptypes
包中导入的。

所以

children: PropTypes.node.isRequired

使道具

children
成为必需。因此,如果您将组件渲染为

<link />

它不会通过类型检查,因此您需要做

<link>Text</link>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/392110.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号