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