运行效果:
知识讲解:
组件:先定义后使用,用户界面的构成要素(标签、css和JavaScript)
定义组件:
导出组件:export default 前缀是JavaScript标准语法
定义函数:function Title() {} 定义为Title的JavaScript函数,注意:函数名一定要大写字母开头和HTML标签做个区别
添加标签:return语句可以一行显示,若多行显示需要一对括号包裹()
使用组件:
在导出函数中return中使用即可
App.js 代码:
javascript
// 在下面写你的组件
function Title(){
return (
<div>
<span>你好!!</span>
<br/>
<span>我好!!!</span>
</div>
) //组件返回标签的JavaScript语法被称 JSX
}
export default function MyBotton(){
return <Title></Title>
}