自存react crash course（1）

1.创建一个react 项目

确保有node.js

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

npx create-react-app react-task-tracker

启动项目

npm start

2.项目结构

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

3. jsx

   // jsx语法 和html很像，class用的是className来使用css的样式
   

   
   

        {/* 动态的变量 */}
        <img src={logo} className="App-logo" alt="logo" />

a.jsx 只能返回一个元素

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

c.jsx的变量

d.jsx {}中执行语句

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

4.快捷插件