自存react crash course(1)

1.创建一个react 项目

确保有node.js

创建名为react-task-tracker的react项目

npx create-react-app react-task-tracker

启动项目

npm start

2.项目结构

所有组件都是放在src下面的

自存react crash course(1)_第1张图片

3. jsx

 // jsx语法 和html很像,class用的是className来使用css的样式
    
        {/* 动态的变量 */}
        logo

a.jsx 只能返回一个元素

自存react crash course(1)_第2张图片

b.返回的元素可以是一个空标签

自存react crash course(1)_第3张图片 

c.jsx的变量

 自存react crash course(1)_第4张图片

 d.jsx {}中执行语句

自存react crash course(1)_第5张图片

// react的组件可以是一个函数 也可以是一个class

4.快捷插件

自存react crash course(1)_第6张图片

你可能感兴趣的:(react.js,前端,前端框架)