logo

该视频仅会员有权观看

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

¥
199
/ 年

组合使用 React 组件

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