自存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的样式
    <div className="App">
      <header className="App-header">

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

a.jsx 只能返回一个元素

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

 

c.jsx的变量

 

 d.jsx {}中执行语句

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

4.快捷插件