React 知识回顾1

1.{this.props.children} 可以用作类似插槽的功能 （类组件）
2.函数组件 this是undefined. (props)=>{props.children }

局部样式

import styles from 'xxx.module.css' className = {styles.sss} 实际值hash64取了前5位，防止缓存

classnames 插件 可以类名的控制

styled-components 样式组件

react 事件

事件 大驼峰写法
合成事件，事件绑定在虚拟dom上，合成事件利用事件委托，将事件委托给了容器 root （react17版本）
react 17以前也是利用事件委托，但是是委托给了document
react 传参加一个箭头函数 onClick={()=>{fn(222)}}
事件处理中普通函数 this会丢失，原因，事件源是虚拟dom,
解决bind this.fn.bind(this)调用时绑定bind.
解决 构造函数中绑定

constructor(){
    super()
    this.fn = this.fn.bind(this)
}

原生事件在componentDidMount 中使用