摘要：
1.使用 createContext 创建一个 Context对象，创建一个“上下文” 2.使用 Provider 提供值 value 3.使用 useContext 访问createContext 返回的 Context对象 import React, { useContext, createCo 阅读全文
posted @ 2024-05-09 16:55
小白张先生
阅读(234)
评论(0)
推荐(0)
摘要：
1 在 react 中，Input textarea 等组件默认是非受控组件（输入框内部的值是用户控制，和React无关）。但是也可以转化成受控组件，就是通过 onChange 事件获取当前输入内容，将当前输入内容作为 value 传入，此时就成为受控组件。 class TestComponent 阅读全文
posted @ 2024-05-09 16:10
小白张先生
阅读(15)
评论(0)
推荐(0)
摘要：
一 useffect 1 模拟componentDidMount 第二个参数为一个空数组，可以模拟componentDidMount componentDidMount：useEffect(()=>{console.log('第一次渲染时调用')},[]) 2 模拟componentDidUpdat 阅读全文
posted @ 2024-05-09 15:53
小白张先生
阅读(79)
评论(0)
推荐(0)
摘要：
父组件使用 useRef 创建一个 ref 传入 子组件； 子组件需要使用useImperativeHandle 暴露 ref 自定义的实例值给父组件。这个需要用 forwardRef 包裹着。 父组件 const ref = useRef() ref.current & ref.current.i 阅读全文
posted @ 2024-05-09 15:36
小白张先生
阅读(184)
评论(0)
推荐(0)
摘要：
在redux中，核心组件包括Action、Reducer、Store和Middleware。 Action是一个普通的JavaScript对象，用于描述发生了什么事件。它必须包含一个type属性，用于标识事件的类型。可以在Action中添加其他自定义的属性来传递数据。 Reducer是一个纯函数，用 阅读全文
posted @ 2024-05-09 15:16
小白张先生
阅读(135)
评论(0)
推荐(0)
摘要：
1 setsate setState( updater [,callback] ) updater：object/function - 用于更新数据 callback：function - 用于获取更新后最新的 state 值 a 构造函数是唯一建议给 this.state 赋值的地方 b 不建议直 阅读全文
posted @ 2024-05-09 14:49
小白张先生
阅读(41)
评论(0)
推荐(0)
摘要：
一 纯组件 1 使用shouldComponentUpdate对先前的状态和 props 数据与下一个 props 或状态相同,如果两次的结果一直,那么就return false 使用纯净组件,pureComponent PureComponents 负责 shouldComponentUpdate 阅读全文
posted @ 2024-05-09 09:53
小白张先生
阅读(35)
评论(0)
推荐(0)
摘要：
bind 由于在类中,采用的是严格模式,所以事件回调的时候，会丢失this指向,指向undefined,需要使用bind来给函数绑定上当前实例的this指向； 箭头函数的this指向上下文,所以永久能拿到当前组件实例，this指向,我们可以完美的使用箭头函数来替代传统事件处理函数的回调 箭头函数 c 阅读全文
posted @ 2024-05-09 09:15
小白张先生
阅读(99)
评论(0)
推荐(0)
浙公网安备 33010602011771号