react 脚手架 ----项目的工作方式

react 文件简单介绍

启动项目 npm start
目录 src

说明 ：

src  目录写代码进行项目开发的目录 
index.js  是入口问价 

工作原理 webpack 会实时自动打包，并把代码嵌入到 public/index.html文件中 ，并执行

react程序 （目标 了解react程序的基本步骤）

步骤 (高阶写法)

1.导入包： React ReactDom
2.创建 react 元素

const XXX =

小程序

3.渲染元素到某个Dom 上
固定代码 ReactDOM.render( XXX,document.getELementById (‘root’))

最初始代码

jsx 介绍 --基本使用

createElement的效率太低了。为了更好的书写HTML ，jsx必备技能

##介绍是什么

是 JavaScript XML的缩写。
理解：我们之前用html写页面，现在是用jsx来写页面

掌握5个jsx注意事项 ：

1.根节点《div》
2.属性名不能有js 中的关键字 。如class for
3.单标签要闭合 <input> —> <input />
4.换行建议使用（）包裹
5.老版本16.8 先引入react 才能使用 jsx