首先用create-react-app创建一个项目,然后创建一个js文件,编写代码
引入组件
引入React来解析jsx语法
import React from 'react';
定义一个函数,return里面就可以写html css js,当调用这个函数的时候就会渲染成对应的页面
这里只是最简单的hello world
这里面就是要使用jsx语法来写
const Header = () => {
return (
<div>hello world</div>
)
}
// 最后导出这个函数
export default Header
这样一个简单的react组件就写好了
当然,用类写法也是可以的,不过用类写法就需要引入Component组件,所有的react组件都要继承这个