React 笔记
文章平均质量分 79
React 笔记
香菜啵子欸
初学者,菜鸟一个。
展开
-
【React】react的生命周期调用顺序
react的生命周期一、新生命周期1、挂载阶段1.1 constructor(1)在React组件挂载之前被调用(2) 初始化函数内部 state或者在this上挂载方法1.2 getDerivedStateFromProps(1)为静态方法,不能访问到组件实例this(2)在创建或更新阶段调用或者在props、state和render方法前调用(3)返回一个对象来更新 state, 如果返回 null 则不更新任何内容1.3 render(1)用于渲染DOM结构(2)不要在 render 里面 setSt原创 2024-03-06 12:17:05 · 649 阅读 · 0 评论 -
【React】redux状态管理、react-redux状态管理高级封装模块化
redux是一个JavaScript容器,用于进行全局的状态管理;redux三大核心;单一数据源头:所有state都会被挂载到一个叫Object tree中,Object tree又只存在唯一的Store(理解为容器,存储Object tree,Object tree挂在state)中;State是只读的:唯一改变state的方法就是触发action,触发action,store.dispatch ( {type: '字符串' , val: 1}),val自定义使用纯函数来执行修改:编写。原创 2024-02-04 16:14:22 · 1305 阅读 · 0 评论 -
【React】react组件传参
在任意组件外调用 createContext 创建一个上下文,createContext 返回一个上下文对象useContext: 是一个 React Hook,可以让你读取和订阅组件中的 context。//创建 context对象//createContext 参数 可以进行初始化操作//Child子组件//const 公共数据 = useContext(Context) 这里的公共数据就是根组件value的值我的子页面颜色值是:{color}原创 2024-02-02 19:01:46 · 1103 阅读 · 0 评论 -
【React】memo()、useCallback()、useMemo()的区别及使用场景
每点击一次,子组件的useState、props和context都没有改变,但是每点击一次子组件都会重新渲染。: 如果直接使用useState解构的setName传给子组件, 子组件将不会重复渲染,即使用。:修改父组件的 onClick 方法,用 useCallback 钩子函数包裹一层。每点击一次父组件的按钮,子组件都会重新渲染;每点击一次父组件的按钮,子组件都会重新渲染;:将memo函数包裹子组件。原创 2024-02-02 12:11:12 · 1260 阅读 · 0 评论 -
【Antd】Module not found: Can‘t resolve ‘@ant-design/icons‘ in ‘E:\xx\xx\xx‘
【代码】【Antd】Module not found: Can‘t resolve ‘@ant-design/icons‘ in ‘E:\xx\xx\xx‘原创 2024-01-30 11:34:03 · 370 阅读 · 0 评论 -
【React】前端项目引入阿里图标
注意:你的icon名字 icon-sousuokuang为图片红框部分。原创 2024-01-30 11:05:53 · 759 阅读 · 0 评论