React知识点汇总

react组件Button基础组件写法--------------------------------

~~~jsx const [updater,setUpdater] = useState(0); function forceUpdate(){ setUpdater(updater => updat

~~~jsx /** * 自定义Hooks * 自定义 Hooks 函数偏向于功能，而组件偏向于界面和业务逻辑。 * 它与纯函数的区别是：输入输出的区别 */ import React, { useR

* 1 与createRef 一样：用来获取组件实例对象或者是DOM对象 * 2 createRef 每次渲染都会返回一个新的引用， * 而 useRef 每次都会返回

~~~jsx /** API: 1 createContext(defaultValue?):：创建一个上下文的容器(组件), defaultValue可以设置共享的默认数据 const {Provi

~~~jsx //React 中性能优化、 memo、 PureComponent、shouldComponentUpdate 的使用 //https://blog.csdn.net/landl_ww

~~~jsx /**Context 提供了一种方式，能够让数据在组件树中传递时不必一级一级的手动传递 * contextType(静态属性) 可以简化 context 的使用，不使用 consumer

/*Lazy与Suspense实现延迟加载 *!!!下面三者缺一不可 *1 Lazy:封装组件的导入行为import *2 Suspense:待加载时要显示的内容 *3 ！！如果文件没请求成功

* memo:判断组件的渲染是否重复执行 <Foo/> * useMemo：定义函数逻辑是否重复执行 ()=>{} * useMemo(()=>{},[])； 语法与useE

/**hooks Context * ！！！不要滥用Context，因为会破坏组件独立性 * useContext：解决的是组件之间值传递的问题 redux：是应用中统一管理状态的问题

/**useEffect(()=>{return callback;},[参数]) * 回调函数：在组件销毁时执行 * 第二个参数：是一个数组，不传值时默认每次都更新。 *

* useState * 1 通过多次调用useState拥有多种状态 * 要确保对useState()的多次调用在渲染之间始终保持相同的顺序(后面会讲)。 * 2 状态的延迟初始化 *

1 函数组件 2 非受控组件 3 Portals 4 context 5 异步组件 6 shouldComponentUpdate(简称SCU) 7 PureComponent