logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

React 组件的 children 属性

  • rex 组件拥有一个称为 children 的特殊属性,用于表示组件标签之间的内容。
  • 可以定义一个新的 卡片组件,在该组件中使用 children 属性。
  • 新组件存放路径为 src/components,文件名为 AppCard.tsx
  • 利用 AppCard 组件构建一个函数组件,并设置 className
  • 组件属性中包括 children,若不存在则需要在属性类型中添加。
  • 使用 React 包中的 ReactNode 作为 children 的类型。
  • AppCard 组件视图中使用 div 元素绑定 children 内容。
  • 组件在实际应用中,用以在渲染方法中替换原有内容,实现封装和复用。
  • 每个列表项目都会被包裹在具有 app card 类的元素中。