怎样用 create-react-app脚手架编写react组件

首先用create-react-app创建一个项目,然后创建一个js文件,编写代码

怎样用 create-react-app脚手架编写react组件_第1张图片

引入组件

怎样用 create-react-app脚手架编写react组件_第2张图片

引入React来解析jsx语法

import React from 'react';


定义一个函数,return里面就可以写html css js,当调用这个函数的时候就会渲染成对应的页面
这里只是最简单的hello world
这里面就是要使用jsx语法来写


const Header = () => {
    return (
        
hello world
) }


// 最后导出这个函数
export default Header

这样一个简单的react组件就写好了

当然,用类写法也是可以的,不过用类写法就需要引入Component组件,所有的react组件都要继承这个

怎样用 create-react-app脚手架编写react组件_第3张图片

你可能感兴趣的:(js,react)