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