2024年3月15日
摘要: 一、Class类组件基础模板 import './App.css'; import {Component} from 'react' class Counter extends Component{ //编写组件的逻辑代码 //1.状态变量 事件回调 UI //2.定义状态变量 state = { 阅读全文
posted @ 2024-03-15 21:54 萬事順意 阅读(147) 评论(0) 推荐(0) 编辑
摘要: forwardRef:获取子组件的DOM元素 React.forwardRef 是 React 提供的一个 API,用于在函数组件中向子组件传递 ref。通过使用 React.forwardRef,我们可以将 ref 传递给函数组件内部的 DOM 节点或其他组件,从而实现对其进行操作。 import 阅读全文
posted @ 2024-03-15 15:04 萬事順意 阅读(48) 评论(0) 推荐(0) 编辑
摘要: React.memo 是 React 提供的一个优化高阶组件,用于函数组件的性能优化。它类似于类组件中的 shouldComponentUpdate,可以帮助避免不必要的组件重新渲染。 使用 React.memo 可以很方便地对函数组件进行性能优化,但需要注意的是,它只进行浅比较,如果 props 阅读全文
posted @ 2024-03-15 14:20 萬事順意 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 1.定义一个reducer函数(根据不同的action返回不同的新状态) 2.在组件中调用useReducer,并传入reducer函数和状态的初始值 3.事件发生时,通过dispatch函数分发一个action对象(通知reducer)要返回哪个新状态并渲染UI import { useReduc 阅读全文
posted @ 2024-03-15 13:54 萬事順意 阅读(42) 评论(0) 推荐(0) 编辑