课程
文档
训练营
价格
博客
该视频仅会员有权观看
立即开通课程「React.js 前端应用开发实践」权限。
¥
199
/ 年
立即订阅
订阅后全站课程均可学习
React.js 前端应用开发实践
自动播放下一节
is off
off
首页
课程
React.js 前端应用开发实践
React 组件:可重复使用的用户界面
React 组件:可重复使用的用户界面
Re
React.js 前端应用开发实践
Rex应用的界面由可重复使用的组件定义。
组件可以是函数或类,并返回要在页面上显示的rx元素。
可创建一个名为App的TSX文件并在其中定义首字母大写的函数组件App。
将剪切的React元素代码粘贴到App函数中,该函数需要返回rex元素。
在文件底部默认导出App组件并在index文件中导入。
使用组件时,可以使用自闭合的语法,即用开始标签、组件名和结束斜线。
使用App组件后,页面上会显示来自该组件的标题。
上一节
JSX:React 元素的友好表达方式
下一节
组合使用 React 组件