npx create-react-app my-app  创建一个名叫my-app的react的项目

npm run eject  运行 显示config 文件夹

react  jsx （使用时将babel 将jsx转为js）

单页面时需要引用

1，样式（在虚拟dom时）

  1. 引用样式时 用className=‘’

  2，引用js样式时 用{}

 3，内联样式使用 需要用{{}}

 4,虚拟dom 只有一个根标签

2，循环遍历时

虚拟dom  只能加载js表达式

（index 做key 可能出现问题）

 3，模块 

  1.函数式组件  

 一个字母必须大写  必须闭合

babel 开启严格模式 这里的this 为undefined

类的基本知识 

call 改this的指向 还有几个

正确

2，继承类

super 继承  必须在最前面

 子类调用父类的方法

 2，类式组件

a类继承b （a 类继承b类  前面是a 后面是b）

必须继承react 必须有render 

4，类身上state

5，原生事件点击按钮的方式   react的点击 推荐原生的第三种

但是react 中使用使 都用大写  onClick  针对所有的on 事件都是

并且使用时用{}  后面不能加（）

点击 改变state时

这样才有this

这个时候this.state .ishohot改变他的数值  但是页面数据无效（state状态无法直接更改）

如果要修改数据就用this.setState({})

 他们分别调用次数

代码精简

使用props传参 动态

基本使用

 传多个参数  展开运算符

 基于原生  ... 展开运算符不能展开对象

sum 求和 reduce     展开数组时

不能直接...  对象  只能{...arr}  相当于复制

 

 但是react 传参时可以使用

 props修改

 props限制  对默认值 和必传值

引入proptypes

 

下面是限制传参  （例如限制必穿string 和 isrequired 必填）

默认值：defaultprops,，默认值

 传函数限制函数   

 props 只读的  不允许改

在简写  写到类里面

 函数子组件  只能使用props

 测试

 老的使用方法  不介意使用  或 （ref）使  或换成id=

现在用回调ref 或者内联或类的绑定函数

非受控组件

原生表单   （表单中输入类的demo 现用现取叫非受控组件）

受控组件 

输入类的dome 将数据保存在state 的状态里  用的时候从state里面取

高阶函数和柯里化

加个retrun   这样能接收传参

存储的的时候 要用【】  这是savefromdata 是高阶函数

不用柯里化的使用

生命周期

点击卸载demo

进来就调用

生命周期 componentDidMount （组件加载后加载）  只调一次  200毫秒一次 慢慢变淡

点击 不活了 按钮 卸载了之后   定时器不会停止 

1， 所以点击卸载的时候清空定时器

 2， 第二种方式 在组件将要被卸载的时候调用

componentWillUnmount（）{}