React

封装数据操作 简单例子 在useList.js里，导出一个 useList 函数。我们把数据的初始化，ajax,和 setList 都放到这个函数里。外边只要调用我这个自定义的函数，就可以得到对lis

在useState里面有过一定的解释 useRef 目的 如果你需要一个值，在组件不断render时保持不变 初始化：const count = useRef(0) 读取：count.current

Memo 使用场景：一个App组件里有m和n数据。还有一个Child子组件，它接受一个m作为它的外部数据。当点击把n+1的按钮时，我们知道，App会再次执行，那么Child子组件也会再次执行吗？ 通过

useLayoutEffect（布局副作用） 布局副作用 useEffect 在浏览器渲染完成后执行 useLayoutEffect 在浏览器渲染前执行 特点： useLayoutEffect 里面的

useEffect（副作用） 副作用 对环境改变即为副作用，如修改document.titl 但是我们不一定非要把副作用放到useEffect 实际上叫afterRender更好，每次render后执

上下文 全局变量是全局的上下文 上下文是局部的全局变量 如何使用useContext 使用 C=createContext(initial)创建上下文 使用 <C.provider> 圈定作用域 在作

如何使用useReducer 创建初始值 initialState 创建所有操作 reducer（state，action） 第一个参数state是现在的state 第二个参数action是一个对象，

一、useState 原理和源码 useState的运行过程 运行过程： 首次渲染 render<App/> 调用 App()，得到虚拟Div对象，进而创建真实的Div到页面。 当用户点击button

一、创建一个函数组件 函数组件代替类组件 函数组件可以代替类组件，因为函数组件语法更加简单易懂，但是也面临以下两个问题 没有state 没有生命周期 二、没有state的解决方法 React v16.

一、创建一个类组件 不需要额外代码时， 可以删掉 二、Props-外部数据/属性 定义 props 是组件对外的数据接口 作用 接受外部数据 只能读取不能修改写入 外部数据由父组件传递 接受外部函数

元素与组件 这是一个元素（d小写） 这是一个组件（D大写） 什么是组件 组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 Reac

条件判断 在Vue 里： 条件判断是通过 v-if v-else 指令控制的 在React 里： JSX的条件判断 写法一 如果外边需要一个 div ，把这段JS代码包在 {} 里边 写法二 ：把 r

概述 我们之前使用React，需要 React.createElement ，创建一个虚拟dom，这样使代码看起来很复杂。能不能像Vue一样简洁呢？ 使用JSX。X表示扩展，所以JSX就是JS的扩展版

如何引入React 从CDN引入React 通过webpack引入React（老手使用） import ... from ... 通过create-react-app引入React（新手使用） （和v