react文章/教程

目录 React createRef循环动态赋值ref React中ref的理解 (1) React的ref有3种用法 (2) 根据ref获取dom (3) react-redux使用时利用ref调用子组件方法不可用报错 总结 React createRef循环动态赋值ref rea »

目录 1. 打包工具的选择 2. 生成静态文件 3. Electron 入口文件配置 4. electron-builder 配置 5. 准备打包文件 6. 打包过程 （第一次用 Typora 写博，希望效果不错~） 这几天有个创意编程比赛，要写一个电脑端应用。我准备用 React.js + »

目录 背景 结构 代码 背景 由于react官方并没有提供缓存组件相关的api（类似vue中的keepalive），在某些场景，会使得页面交互性变的很差，比如在有搜索条件的表格页面，点击某一条数据跳转到详情页面，再返回表格页面，会重新请求数据，搜索条件也将清空，用户得重新输入搜索条件，再次 »

目录 ReactDom.render setState 与 forceUpdate expirationTime的作用 获取currentTime 不同的expirationTime React 的鲜活生命起源于 ReactDOM.render ，这个过程会为它的一生储备好很多必需品，我们顺着 »

背景：由于react官方并没有提供缓存组件相关的api（类似vue中的keepalive），在某些场景，会使得页面交互性变的很差，比如在有搜索条件的表格页面，点击某一条数据跳转到详情页面，再返回表格页面，会重新请求数据，搜索条件也将清空，用户得重新输入搜索条件，再次请求数据，大大降低办公效率，如图： »

目录 引言 1. 输出构建产物 2. RN如何决定加载哪张scale图片？ 3. repo中是否可以只保留3x图？ 3.1 资源上传 3.2 资源下载 4. 结论 引言 我们的react-native项目中，一张图片一般会存在1x, 1.5x, 2x, 3x几种尺寸（1.5x是a »

目录 正文 1. 构建输出的产物 2. js bundle分析 3. 图片source拼接 3.1 如果bundle放在服务器（本地开发） 3.2 bundle内置在app中（app下载bundle和assets后执行） 4. Image style的witdh和height没有声明会发生什么 »

其他章节请看： react 高效高质量搭建后台系统 系列 登录 本篇将完成登录模块。效果和 spug 相同： 需求如下： 登录页的绘制 支持普通登录和LDAP登录 登录成功后跳转到主页，没有登录的情况下访问系统会重定向到登录页，登录成功后再次回到之前的页面。系统会话过期后，请求会重定向到登录页。 T ... »

目录 引言 冗余的 state 简单示例 问题分析 解决方案 重复的 state 简单示例 问题分析 解决方案 使用 useEffect 更新 state 简单示例 问题分析 解决方案 使用 useEffect 监听 state 变化 简单示例 问题分析 解决方案 矛盾的 stat »

目录 引言 ref callback 使用场景 1. DOM 元素挂载并滚动到它所在的位置 2. 当 DOM 元素变化时的重新渲染 3. 在 render 中访问 DOM 元素 4. 共享 DOM Ref 总结 引言 本文源于翻译 React ref Callback Use C »

目录 为什么需要 fiber fiber 之前 fiber 之后 fiber 节点结构 dom 相关属性 tag key 和 type stateNode 链表树相关属性 副作用相关属性 flags Effect List 其他 lane alternate fiber 树的构建与更新 »

目录 一、背景 二、参考方法 三、react-router-cache-route的使用 四、具体步骤 一、背景 在开发中，从A页面跳转到other页面，再返回A页面时react-router会直接刷新页面，导致A页面中已加载的海量数据状态丢失，需要重新加载，用户体验不佳，所以必须将海量数 »

目录 什么是重新渲染 不必要的重新渲染 react组件重新渲染情况 state变化 父组件的重新渲染 context变化 在组件内创建组件 一些减少重新渲染的方法 useState初始值使用函数形式 重新组织组件结构 巧用props.children 把组件当成props传递 React.m »

目录 过多的声明state 问题 解决方法 不必要的state 问题 解决方法 过多的useEffect 问题 解决方法 请求竞争问题 问题 解决方法 使用三元表达式代替&& 使用 && 常见的错误 解决方法 传递特殊属性ref 问题 解决方法 »

本篇内容介绍了“react如何实现文件上传”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！ react实现文件上传的方法：1、通过“import { Table, But »

其他章节请看： react 高效高质量搭建后台系统 系列 antd 后续要做登录模块（主页），不仅要解决请求数据的问题，还需要完成 antd 配置以及样式的准备。 antd 多种主题风格 详情请看 这里 spug 没有提供多种主题风格。 笔者还是决定稍作研究，万一公司需要呢。 步骤如下： 安装 le ... »

目录 1. 安装依赖 2. 在src下创建i18n文件夹 2.1 common下的zh-CN.js 2.2 common下的en-US.js 2.3 在common的index.js文件中引入 2.4 在resources.js中引入common模块的翻译 2.5 utils下初始化语言的方法 »

目录 引言 导火线 事件委托 合成事件特点 React 事件系统 事件注册 enqueuePutListener() listenTo() trapCapturedEvent 与 trapBubbledEvent 事件存储 事件分发 事件执行 构造合成事件 批处理 引言 ? 温 »

目录 总览 React片段 DOM元素 总览 当我们把多个子元素传递给一个只期望有一个React子元素的组件时，会产生"React.Children.only expected to receive single React element child"错误。为了解决该错误，将所有元素 »

目录 useEffect useCallback 开始之前请注意这句话：任何优化都会增加复杂性，任何过早添加的优化都会带来风险，因为优化后的代码可能会多次更改 useEffect 相关作用：监听 & 初始化 //最简单用法 useEffect(() => { »