tscn1的博客

HOOK HOOK简介 HOOK（钩子）是React16.8.0版本之后出现的 组件：函数组件（无状态组件）、类组件 类组件的问题： this指向问题 生命周期很繁琐 其它问题 HOOK的出现是为了增强函数组件的功能，使之理论上能成为类组件的替代品 官方目前没有计划取消类组件 HOOK在类组件中不能使用，HOOK本质上是一个函数，该函数可以挂载任何功能 HOOK种类 命名是以use开头 useState useEffect 其它 State Hook State HOOK是一个函数组件中

深入setState setState对状态的改变可能是异步的 如果改变状态的代码处于某个HTML元素的事件中，则其是异步的，否则是同步。 后面开发的时候始终当成异步的，然后使用回调函数进行处理。 this.setState(() => { //改变状态 n: xxx, }, () => { //状态改变完成之后触发，改回调运行在render之后 xxxx }) 若遇到某个事件，需要同步调用多次，需要使用函数的方式得到最新状态。 this.setState(cu

目录事件自定义组件的事件绑定this使用bind使用箭头函数 事件 //快捷键imr import React from 'react' //imrd import ReactDOM from 'react-dom' 在React中，组件的事件，本质就是一个属性。 事件名为小驼峰命名。 原生的组件如内置事件与原生的使用一样。 const btn = < button onClick = { (e) => { console.log('点击了', e); } }

组件和组件属性 创建一个组件 组件名的首字母必须大写 why？ react元素分为普通的react元素会生成html元素，另外一种是组件元素，组件本身是一个函数，返回的是React元素，type值为一个函数。 function MyFunc(){ return <h1>this is function component</h1> } const comp = MyFunc(); console.log(comp); //打印出来的仍然是一个React元素，只是type

React概述 官网：https://react.docschina.org/ 什么是React？ React是由Facebook研发的、用于解决UI复杂度的开源JavaScript库，目前由React联合社区维护。 它不是框架，只是为了解决UI复杂度而诞生的一个库 React的特点 轻量：React的开发版所有源码（包含注释）仅3000多行 原生：所有的React的代码都是用原生JS书写而成的，不依赖其他任何库 易扩展：React对代码的封装程度较低，也没有过多的使用魔法，所以React中的很多功能都可以