react文章/教程

目录 useState(保存组件状态) useEffect(处理副作用) useCallback(记忆函数) useMemo(记忆组件) useRef(保存引用值) useContext useReducer useContext与useReducer实现跨组件传值 自定义hooks 使用ho »

目录 useState(保存组件状态) useEffect(处理副作用) useCallback(记忆函数) useMemo(记忆组件) useRef(保存引用值) useContext useReducer useContext与useReducer实现跨组件传值 自定义hooks 使用ho »

目录 正文 01.不需要render的场景下使用useState 02.使用了router.push而非link 03.通过useEffect来处理actions 04.单一职责组件 05.单一职责useEffects 正文 Hook是React16.8开始新增的特性。虽然React官 »

目录 正文 01.不需要render的场景下使用useState 02.使用了router.push而非link 03.通过useEffect来处理actions 04.单一职责组件 05.单一职责useEffects 正文 Hook是React16.8开始新增的特性。虽然React官 »

目录 简介 什么是Scheduler？ Scheduler的工作原理 使用Scheduler的场景 代码示例 1. 延迟执行任务 2. 调整任务的优先级 3. 批量更新状态 总结 简介 React是目前最流行的JavaScript库之一，它提供了一种基于组件的开发方式，可以轻松地 »

目录 简介 什么是Scheduler？ Scheduler的工作原理 使用Scheduler的场景 代码示例 1. 延迟执行任务 2. 调整任务的优先级 3. 批量更新状态 总结 简介 React是目前最流行的JavaScript库之一，它提供了一种基于组件的开发方式，可以轻松地 »

目录 在Android上添加阴影 目前有个方法 总结 在Android上添加阴影 官网中明确表示在react native中阴影的样式属性shadow...都是只支持iOS的，并不支持Android。 目前有个方法 可以让Android有灰色的阴影，但是无法指定Android机上 »

目录 实现思路 路由表 侧边栏渲染 容器组件（侧边栏） store 头部导航栏 容器组件 UI组件 总结 项目中使用react+antd design+redux+react-reouter-dom 实现思路 编写路由表=》循环遍历路由表=》渲染侧边栏=》单击侧边栏获取相应的标签 »

目录 问题 解决方案 总结 问题 这样的问题貌似原因还挺多的，我的问题是带参数的url不能刷新，router 5.0版本 ，使用withRouter关联组件进行页面跳转 如下所示 路由代码 解决方案 在路由组件上最上层元素上加一个key增加路由的识别度，因为普通的跳转是根 »

目录 react对自己的组件使用setFieldsValue setFieldsValue的用法 问题 使用Hooks使用setFieldsValue设置初始值无效 总结 react对自己的组件使用setFieldsValue setFieldsValue的用法 setFiel »

目录 react对自己的组件使用setFieldsValue setFieldsValue的用法 问题 使用Hooks使用setFieldsValue设置初始值无效 总结 react对自己的组件使用setFieldsValue setFieldsValue的用法 setFiel »

目录 React中使用scss React中写scss样式 写样式  使用样式  总结 React中使用scss 首先导入node-sass npm i node-sass -D 编写样式文件header.scss， header.module.scss 两个样式文件一样，只是文件 »

目录 前言： CSS IN JS 一、概念 二、CSS Modules 三、在项目中使用css Modules 四、css module配合sass 五、module.scss 使用步骤： 六、总结 前言： 1、React最终编译打包后都在一个html页面中，如果在两个组件中取一样类名 »

目录 前言： CSS IN JS 一、概念 二、CSS Modules 三、在项目中使用css Modules 四、css module配合sass 五、module.scss 使用步骤： 六、总结 前言： 1、React最终编译打包后都在一个html页面中，如果在两个组件中取一样类名 »

目录 一、设计原理 二、实现方式 三、使用方式 四、参数说明 数字滚动组件，也可以叫数字轮播组件，这个名字一听就是非常普通常见的组件，第一反应就是想找找网上大佬的东西顶礼膜拜一下，这一搜，还真是没找到趁手的╮(╯▽╰)╭。 最近接了大屏的需求，数字滚动肯定是免不了的，所以开始撸袖子，造轮子了 »

目录 一、设计原理 二、实现方式 三、使用方式 四、参数说明 数字滚动组件，也可以叫数字轮播组件，这个名字一听就是非常普通常见的组件，第一反应就是想找找网上大佬的东西顶礼膜拜一下，这一搜，还真是没找到趁手的╮(╯▽╰)╭。 最近接了大屏的需求，数字滚动肯定是免不了的，所以开始撸袖子，造轮子了 »

目录 背景 动画拆分 实现抖动 定义动画 实现缩放动画 改变内容 Reanimated 原理浅析 总结 背景 在一次 App 迭代中，UI 想要给按钮添加一个动画效果，在对接的过程中，UI 表示直接用 .gif 就好，因为感觉开发出来的效果应该不会很好。 听到这里，一个技术人 »

目录 认识拖拽 被拖拽元素 可释放目标 生命周期 拖拽操作中的数据传输 代码实现 如何标记当前拖拽的元素？ 在画布中拖动 数据结构 总结 认识拖拽 鼠标拖拽是一个常见的交互场景，在这个熟悉的过程将会发生哪些事件？ 拖拽事件指用户通过鼠标（或其他指针设备）将元素移到一个 »

目录 认识拖拽 被拖拽元素 可释放目标 生命周期 拖拽操作中的数据传输 代码实现 如何标记当前拖拽的元素？ 在画布中拖动 数据结构 总结 认识拖拽 鼠标拖拽是一个常见的交互场景，在这个熟悉的过程将会发生哪些事件？ 拖拽事件指用户通过鼠标（或其他指针设备）将元素移到一个 »

目录 组件卸载前执行清理操作 通过纯组件提升组件性能(类组件) 通过shouldComponentUpdate生命周期函数提升组件性能 函数组件使用memo 减少渲染次数 memo的基本使用 为memo 方法传递自定义比较逻辑 通过组件懒加载提供应用性能 路由组件懒加载 根据条件进行组件懒加 »