React学习笔记（自用）

使用React脚手架初始化项目：该项目包含了所有需要的配置、下载好了所有相关的依赖、可以直接运行一个简单的效果

非受控组件：页面中所有输入类的DOM，随着输入，把数据都维护到state中。等需要使用时，直接从state里取出来。受控组件：现用现取

符合下面2个规范中的任何一个的函数： 若A函数，接收的参数是一个函数，或者它调用的返回值依然是一个函数，那么A就可以称之为高阶函数。

React.cloneElement()接收三个参数，第一个参数是要克隆的目标，第二个参数返回旧元素的props，第三个是props.children

React的事件绑定语法、获取事件对象、从JSX中抽取事件处理函数时的this指向问题 推荐使用箭头函数写函数

父组件导入并调用createContext方法，得到Context对象，并导出。使用Provider组件包裹需要接收数据的后代组件，并通过value暴露要共享的数据。

在ts中定义React函数组件，可以将类型添加到函数参数，也可以将其作为泛型参数添加到FC类型，该方法有更多扩展内容

导致react无限循环的原因、数组无法使用.length方法、使用map进行遍历时失败、使用useState不生效、

定义： components/CountDown/index.tsx 使用： page/index.tsx

React的兄弟函数组件，以父组件作为桥梁，使用props进行通讯。——使用slice方法实现分页功能

React中默认浅监听，当变量为引用类型时，栈中存的是对象的引用（地址），setState改变的是堆中的数据。所以set后，栈中的地址还是原地址，不重新渲染

setState() 异步更新数据、JSX语法的转化过程、组件更新机制、组件性能优化、纯组件、虚拟DOM和Diff保证组件更新机制的效率（只渲染变化的组件）

Hooks 是 React 16.8 新增的特性，它可以让你在不编写 class(类组件) 的情况下使用 state 以及其他的 React 特性

React组件逻辑复用的两种方式：1. render-props模式 2. 高阶组件（HOC）

类组件生命周期：挂载阶段、更新阶段、卸载阶段，各阶段的执行时机、钩子函数的执行顺序以及各个钩子函数的作用

创建React组件的方式、无状态组件和有状态组件、使用setState修改数据、组件间使用props或context进行通讯

JSX用于生成虚拟DOM对象，语法要求：只能有一个根标签，里面所有的标签必须闭合； {}里只能写js表达式，不能写js语句：

使用react的旧方法:创建React元素（React.createElement方法)、组件的生命周期不常用的钩子函数