随笔分类 - react
摘要：接受一个或多个函数作为参数; 返回一个新的函数; 2 使用场景（页面权限， 某些页面是必须用户登录成功才能进行进入;如果用户没有登录成功，那么直接跳转到登录页面;） // 定义一个高阶组件, 用于鉴权的操作 function loginAuth(WrapperCpn) { return props
阅读全文
摘要：1.使用 createContext 创建一个 Context对象，创建一个“上下文” 2.使用 Provider 提供值 value 3.使用 useContext 访问createContext 返回的 Context对象 import React, { useContext, createCo
阅读全文
摘要：1 在 react 中，Input textarea 等组件默认是非受控组件（输入框内部的值是用户控制，和React无关）。但是也可以转化成受控组件，就是通过 onChange 事件获取当前输入内容，将当前输入内容作为 value 传入，此时就成为受控组件。 class TestComponent
阅读全文
摘要：一 useffect 1 模拟componentDidMount 第二个参数为一个空数组，可以模拟componentDidMount componentDidMount：useEffect(()=>{console.log('第一次渲染时调用')},[]) 2 模拟componentDidUpdat
阅读全文
摘要：父组件使用 useRef 创建一个 ref 传入 子组件； 子组件需要使用useImperativeHandle 暴露 ref 自定义的实例值给父组件。这个需要用 forwardRef 包裹着。 父组件 const ref = useRef() ref.current & ref.current.i
阅读全文
摘要：在redux中，核心组件包括Action、Reducer、Store和Middleware。 Action是一个普通的JavaScript对象，用于描述发生了什么事件。它必须包含一个type属性，用于标识事件的类型。可以在Action中添加其他自定义的属性来传递数据。 Reducer是一个纯函数，用
阅读全文
摘要：1 setsate setState( updater [,callback] ) updater：object/function - 用于更新数据 callback：function - 用于获取更新后最新的 state 值 a 构造函数是唯一建议给 this.state 赋值的地方 b 不建议直
阅读全文
摘要：一 纯组件 1 使用shouldComponentUpdate对先前的状态和 props 数据与下一个 props 或状态相同,如果两次的结果一直,那么就return false 使用纯净组件,pureComponent PureComponents 负责 shouldComponentUpdate
阅读全文
摘要：bind 由于在类中,采用的是严格模式,所以事件回调的时候，会丢失this指向,指向undefined,需要使用bind来给函数绑定上当前实例的this指向； 箭头函数的this指向上下文,所以永久能拿到当前组件实例，this指向,我们可以完美的使用箭头函数来替代传统事件处理函数的回调 箭头函数 c
阅读全文
摘要：const [state, dispatch] = useReducer(reducer, initialArg, init?) reducer：用于更新 state 的纯函数。参数为 state 和 action，返回值是更新后的 state。state 与 action 可以是任意合法值。 in
阅读全文
摘要：useMemo (const cachedValue = useMemo(calculateValue, dependencies)) 是 React 中的一个 Hook，它可以用来缓存计算结果，并在后续的渲染中重复利用这些计算结果。useMemo 接收两个参数：一个函数和一个依赖数组。当依赖数组中
阅读全文
摘要：useEffect useEffect 接收两个参数：一个函数和一个依赖数组。 2 .useEffect(callback)：font color=red>这个参数表示只要组件发生更新，就会执行回调函数 callback，包括组件挂载时的初始化和后续状态或属性的更新。如果不需要依赖任何状态或属性，相
阅读全文
摘要： useState来自react，需要从react中导入，它是一个hook； const [state, setState] = useState(initialState) ✓ 参数：初始化值，如果不设置为undefined； ✓ 返回值：数组，包含两个元素； ➢ 元素一：当前状态的值（第一调用
阅读全文
