性能优化
本话题发布性能优化相关的问答文章和技术分享，将持续更新，为您推荐了24篇问答，访问即可查看更多精彩内容。
-
1
回答
45浏览
React Strict Mode为什么导致useEffect两次执行？代码没问题却报错
我在React组件里用Strict Mode包裹App时，发现useEffect里的API请求执行了两次，控制台还报错说useState未定义。但移除Strict Mode后就正常了，这是为什么？ 比...
-
1
回答
11浏览
React高阶组件传递props时报错，该如何解决？
最近在尝试用高阶组件封装一个表单组件，但发现装饰后的组件接收不到props参数。比如传入的onSubmit函数在子组件里变成undefined了。 我按照教程写了个withLogger HOC，用函数...
-
1
回答
43浏览
H5页面首屏加载超过3秒怎么优化？
我在开发移动端H5页面时，首页首屏加载时间总卡在3.2秒左右，已经尝试过压缩CSS和JS文件，给图片加了loading="lazy"属性，但效果不明显。有没有其他优化方法能进一步缩短加载时间？ 目前结...
-
1
回答
50浏览
为什么我的Service Worker缓存策略导致页面刷新后内容没更新？
最近给项目加了Service Worker做静态资源缓存，但发现更新了JS文件后页面一直显示旧版本。明明已经用cache.first策略，还手动调用了clients.claim()和skipWaiti...
-
1
回答
57浏览
React Native Android中自定义组件的padding在不同设备显示不一致怎么办？
我在开发Android端时遇到一个样式问题：自定义组件的padding在部分机型（比如小米12）显示正常，但华为P50上文字会顶到边框，感觉padding被忽略了。我对比过iOS版本没问题。 已经尝试...
-
2
回答
18浏览
Vite+React项目中配置别名后无法导入组件，路径报错怎么办？
在用Vite搭建React项目时，我按文档配置了@别名指向src目录，但导入组件时总提示404错误。比如这样写： // vite.config.js import { defineConfig } f...
-
2
回答
22浏览
React Query预加载时为什么会出现重复请求？
我在用React Query做页面预加载时遇到问题，设置了staleTime和keepPreviousData，但每次刷新页面还是会触发两次请求： 我的查询配置是这样的： useQuery(['pos...
-
1
回答
84浏览
React函数组件中的Error Boundary为什么无法捕获子组件错误？
大家好，我在用React 18写一个表单组件时遇到了问题。按照文档把错误边界写成类组件包裹住了子元素，但子组件报错时页面还是会直接崩溃，控制台显示"Uncaught Error: ..." 我尝试过两...
-
1
回答
14浏览
Reanimated 2和3的版本差异导致的报错怎么解决？
我在升级Reanimated到v3后，使用Value时一直报“Cannot read property 'Value' of undefined”，但文档里写v3还支持v2语法 场景是给按钮添加缩放动...
-
2
回答
37浏览
React Navigation切换页面后为什么状态没重置？
大家好，我在用React Navigation做页面跳转时发现一个问题： 从首页跳转到详情页再返回后，详情页的输入框内容和选中的选项都没重置。我尝试过在组件卸载时用navigation.replace...
-
1
回答
13浏览
React Native fetch请求在安卓上总是失败怎么办？
我在安卓真机测试时，用fetch('https://api.example.com/data')请求老是报错“Network request failed”，iOS模拟器却能正常获取数据。已经试过加c...
-
1
回答
18浏览
为什么useEffect里更新状态会无限循环？
我在用useEffect做API请求时，按教程把依赖项设为空数组，但状态更新后页面一直刷新... 比如这样写： useEffect(() => { fetchUsers().then(data ...
-
1
回答
69浏览
React Native TurboModule初始化失败，native模块未注册？
我在用TurboModule写个原生模块时，JS调用时报错说模块未找到。按照官方文档初始化了Java类并加了@ReactModule注解，但应用启动就崩溃了。错误提示是：TurboModuleRegi...
-
2
回答
40浏览
React Error Boundaries为什么在函数组件中无法捕获子组件错误？
我在React项目中用类组件实现了Error Boundary，但今天改用函数组件+useEffect模拟时，子组件报错后页面还是直接崩溃了。之前按照文档写了 componentDidCatch 方法...
-
2
回答
24浏览
Vue组件资源加载时如何正确设置HTTP缓存策略？
我在用Vue 3开发图片展示组件时遇到缓存问题，明明设置了响应头但效果不对。比如这个组件每次刷新都会重新下载图片： <template> <img :src="imageU...
-
1
回答
46浏览
React错误边界为什么在函数组件里没生效？
在函数组件里用类组件做错误边界，报错时页面直接崩溃了，没触发fallback UI。之前在类组件里用没问题，这次按文档改成函数组件包裹试试，代码这样写的： class ErrorBoundary ex...
-
2
回答
66浏览
Service Worker注册成功但无法拦截请求，是什么原因？
我在给PWA应用添加Service Worker时遇到了奇怪的问题。按照教程写好了fetch事件监听，控制台也显示注册成功，但刷新页面时网络面板显示所有请求都是直接走的网络，没有触发缓存逻辑。已经检查...
-
2
回答
44浏览
React Native Bridge调用原生模块时为什么会卡顿并报错？
最近在开发Android版本时，通过React Native Bridge调用原生模块处理图片压缩，但发现每次调用都会卡顿0.5秒左右，还出现过"Can't find module NativeMod...
-
1
回答
77浏览
useReducer处理表单时状态不更新，控制台提示找不到默认reducer出口怎么办？
我在用useReducer管理表单状态时遇到问题，输入框的值应该跟着state变化，但输入时完全没反应。之前用useState没问题，换成useReducer后就卡住了。尝试过直接修改state对象属...
-
1
回答
61浏览
React Native子组件点击后父组件状态不更新怎么办？
大家好，我在用React Native开发父子组件时遇到问题。父组件通过props传递了一个更新状态的函数给子组件，但点击子组件按钮后状态没有变化： // 父组件 const Parent = () ...
