tscn1的博客

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

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

目录事件自定义组件的事件绑定this使用bind使用箭头函数事件//快捷键imrimport React from 'react'//imrdimport 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中的很多功能都可以