React纯函数和hooks原理

纯函数 JS

若满足其下条件 ，被称为纯函数
1。确定的输入一定产生确定的输出 2 不产生副作用

另外redux中的reducer也要求是纯函数

Fiber 架构和hooks原理

useRef 在组件的整个声明周期内保持不变

用法：1绑定dom元素 或者 绑定一个类组件 因为函数式组件无实例 2维持一个变量

绑定ref

const myref  = useRef()const inputref = useRef()function changeDom(){myref.current.innerHTML = "就这样冲出去吧 "}

维持一个在组件整个声明周期内都生效的变量

可以理解ref是在组件的整个声明周期内是长期有效并且是不可变的