React脚手架的创建流程和基础使用(1)

1.创建react脚手架 npx create-react-app demo

 

2.根据提示启动项目,想cd到目录文件app-demo里面

启动项目有npm start 和yarn start 都可以 类似于vue中的yarn serve

3.基本使用过程

在src目录下index.js中导入react,reactDom适用与web应用

         然后进行使用,先创建一个元素,在渲染到一个dom节点上

 4.写法繁琐,所以我们都使用另一种写法jsx

 注意点:创建的react元素用小括号包裹起来,避免js自动插入分好的陷阱

 5.react元素里面可以使用if/else , 三元运算符,逻辑与运算符 来实现

  5.1 数据的循环渲染