首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
react
沉默的大橘
创建于2023-12-13
订阅专栏
react相关
暂无订阅
共8篇文章
创建于2023-12-13
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
useImperativeHandle暴露函数给父组件
和forwardRef类似,forwardRef是把子组件dom元素暴漏给父组件 useImperativeHandle是子组件将自身的方法暴漏给父组件 当我们在父组件中想调用子组件的方法时,可以这么
React.forwardRef
使用说明: 使用ref暴漏dom节点给父组件 使用场景: 在父组件中想去拿子组件的dom元素....
React.memo
作用: 允许组件props没有变化的情况下跳过渲染 react组件的默认渲染机制: 只要父组件重新渲染,子组件就会重新渲染 举个栗子 此时,父组件更新重新渲染,子组件不会重新渲染
useMemo基本使用
作用: 组件每次重新渲染的时候缓存计算的结果 使用场景: 消耗非常大的计算时 举个栗子: 有count1,count2,只想在count1变化时,才执行fn,看代码 上面代码,不管是点击count1还
useReducer基本使用
useReducer 是 React 提供的一个 Hook,用于管理组件的状态逻辑。它可以更好地处理复杂的状态管理需求,尤其是当状态之间存在依赖关系、需要多个状态合并处理、或者状态逻辑变得复杂时。 u
react18路由使用
步骤 1.首先在项目中安装 2.添加基本的目录结构,src/router/index.js 3.入口文件配置 index.js 4.路由传参方式
react配置@别名,vscode智能代码提示。
第一步: 安装 craco 第二步:在最外层新建文件 craco.config.js 第三步:package.json中修改 第四步: vscode代码提示 最外层新建 jsconfig.json 文
redux使用教程
基本使用方式 1.首先在项目中安装相关依赖 2.最外层构建目录 3.user.js代码 4.index.js代码如下 5.入口文件index.js代码如下 使用方式 异步使用方式 1.user.js