React报错之Objects are not valid as a React child
当我们尝试在JSX代码中,直接渲染对象或者数组时,会产生 Objects are not valid as a React child 错误。为了解决该错误,在JSX代码中,使用 map() 方法来渲染数组或者访问对象的属性
阅读量: 16标签: React
React报错之map() is not a function
当我们对一个不是数组的值调用 map() 方法时,就会产生 TypeError: map is not a function错误。为了解决该错误,请将你调用 map() 方法的值记录在 console.log 上
阅读量: 449标签: React
React报错之Cannot find name
为了在React TypeScript中解决Cannot find name报错,我们需要在使用 JSX 文件时使用 .tsx 扩展名,在你的 tsconfig.json 文件中把 jsx 设置为 react-jsx ,并确保为你的应用程序安装所有必要的 @types 包。
阅读量: 238标签: React
React报错之Object is possibly null
使用类型守卫来解决React中 useRef 钩子“Object is possibly null”的错误。比如说, if (inputRef.current) {} 。一旦 null 被排除在 ref 的类型之外,我们就能够访问 ref 上的属性。
阅读量: 46标签: React
从原生 JavaScript 到 React
React 是一个用于构建用户界面的 JavaScript 框架。它可用于通过动态操作页面内容来创建 JavaScript 应用程序。浏览器已经提供了在页面中创建元素的 API,即 DOM
阅读量: 61标签: React
有 React fiber,为什么没有 Vue fiber?
提到react fiber,大部分人都知道这是一个react新特性,看过一些网上的文章,大概能说出“纤程” “一种新的数据结构” “更新时调度机制”等关键词。但如果被问:
阅读量: 60标签: React
React:不要动,否则你会被炒鱿鱼
本文我们介绍react与react-dom​中神秘的内部变量,需要注意的一点是,如果你也想用这种方式在两个包之间共享数据,需要将其中一个包设为另一个包的peerDependencies
阅读量: 73标签: React
我对 React 实现原理的理解
React 是前端开发每天都用的前端框架,自然要深入掌握它的原理。我用 React 也挺久了,这篇文章就来总结一下我对 react 原理的理解。
阅读量: 72标签: React
Ahooks 的 UseClickAway 在 React 17 中不工作了,该怎么办?
经常用到的组件挂载以及卸载的 useMount、useUnmount,还有支持自动请求、手动请求、防抖等各种功能请求 useRequest,以及可以将状态同步存取到 localStorage 的 useLocalStorageState。
阅读量: 279标签: React
React 16 升级到 17 的一个坑:组件销毁时 Ref 可能会被重置为Null
最近公司的项目用的 React 从 16 升到了 17 版本,选择升级的原因是想以后将项目迁移到 Nextjs 上。结果发现因为 React 的行为不一致导致了一些看得见的和看不见的 bug,真的是一场灾难。
阅读量: 134标签: React
构建基于React18的电子表格程序
2022年3月29日,React正式发布18.0.0。本次升级内容包括开箱即用的改进,如自动批处理、新的API(如startTransition)和支持Suspense 的流式服务器端渲染
阅读量: 111标签: React
学习 React.js 需要了解的一些概念
这种写法其实是相当繁琐的。你可能需要给元素加上 id,加上 class 作以区分,可能还需通过查找当前元素的父元素来界定区域,然后手动作添加子元素、进行修改样式、移除等操作。
阅读量: 111标签: React
React新文档:不要滥用Effect哦
随着需求不断迭代,其他地方也会修改 状态a 。但是在那个需求中,并不需要 状态a 改变后发起请求。你不想动之前的代码,又得修复这个 bug ,于是你增加了判断条件:
阅读量: 130标签: React
分享20个react仓库,将助你工作更上一层楼
日常工作中,除了我们掌握的基本技能和各类优秀代码库之外,还需在自己的背包中增添一些常用的工具,以备不时之需,同时也可以提升工作效率。今天来分享20个很棒的 React 仓库
阅读量: 141标签: React
如何在React中优雅的使用Interval(轮询)
在前端开发中,经常会使用轮询(setInterval),比如后端异步数据处理,需要定时查询最新状态。但是在用 React Hook 进行轮询操作时,可能会发现 setInterval 没有那么轻松驾驭
阅读量: 462标签: React