- Rex应用的界面可以分解为独立的组件。
- 这些组件可以组合成完整的界面,例如评论列表和评论项。
- 单独的组件可以管理用户头像、评论作者和评论内容。
- 可以创建一个
app header
组件来展示标题,该组件放在src/component
目录下的app header.tsx
文件中。 app header
是一个函数组件,返回值为React元素,可以使用JSX格式。- 此组件包括具有
app header
类名的div
元素和一个标题类h1
元素,显示变量name
的值。 app header
组件需要在app
组件中导入使用,并且可以作为自闭合标签,因为它没有子组件。- 在浏览器中预览
app header
组件,可以看到它显示的标题内容。