性能优化
本话题发布性能优化相关的问答文章和技术分享，将持续更新，为您推荐了58篇问答，访问即可查看更多精彩内容。
-
1
回答
27浏览
Render Props 里怎么传递多个参数？
我在用 Render Props 模式复用逻辑，但发现只能传一个 children 函数，想同时传数据和回调函数咋办？试过 {(data) => ...} 只能拿到一个参数。 比如下面这个例子，...
-
2
回答
36浏览
React Native原生模块回调不执行是怎么回事？
我写了个Android原生模块，通过Bridge调用后JS端收不到回调，promise也不resolve，卡住了。 Java那边确实执行完了，也调了promise.resolve("ok")，但RN这...
-
1
回答
28浏览
Error Boundaries 为啥捕获不到异步错误？
我在 React 里写了 Error Boundary，同步错误能正常捕获，但组件里用 setTimeout 抛出的错误却没被 catch 到，这是为啥？ 我试过把 throw new Error('...
-
1
回答
54浏览
React Native 列表滚动卡顿怎么优化？
我用 FlatList 渲染一个商品列表，数据量大概 200 条，每项都有图片和文字，滑动的时候特别卡，帧率掉得很厉害。试过加 keyExtractor 和 getItemLayout，也用了 Rea...
-
1
回答
75浏览
React Native中TurboModules怎么调用原生方法？
我按照文档配置了TurboModule，但在JS里调用时一直报undefined is not a function，是不是哪里注册错了？ 我的模块叫MyLogger，在jsi::HostObject...
-
1
回答
55浏览
React Native 调用原生模块为什么一直返回 undefined？
我按照官方文档写了 Android 的 Native Module，但在 JS 里调用方法总是返回 undefined，明明原生那边 Log 都打出来了啊。 我在 JS 里是这样调的： import ...
-
2
回答
51浏览
React Native 列表滚动卡顿怎么优化？
我用 FlatList 渲染一个商品列表，数据大概有 200 条，滑动的时候明显掉帧，特别卡。试过加 keyExtractor 和 initialNumToRender，但效果不明显。 每个列表项里有...
-
2
回答
51浏览
开启Hermes后React Native应用白屏怎么办？
我刚在React Native项目里启用了Hermes引擎，结果iOS模拟器一运行就白屏，控制台也没报错。之前用JSC完全正常，是不是哪里配置漏了？ 我试过clean build folder、重装n...
-
1
回答
71浏览
Webpack 打包体积太大，React 项目首屏加载慢怎么办？
我最近在优化一个 React 项目的构建性能，发现 Webpack 打包后的 main.js 超过 2MB，首屏加载特别慢。我已经用了 SplitChunks 把 vendor 单独拆出来了，但效果不...
-
2
回答
40浏览
React Testing Library 中如何正确模拟异步数据加载？
我在用 React Testing Library 测试一个组件，它会在 useEffect 里调用 API 获取数据。我用 jest.mock 模拟了请求，但测试总是报错说找不到加载后的元素，是不是...
-
1
回答
32浏览
React Native调用原生模块时Promise不返回结果怎么办？
我写了一个iOS原生模块，用Promise方式回调，但在JS里调用后既没进then也没进catch，卡住了。是不是导出方法写错了？ 这是我的JS调用代码： import { NativeModules...
-
1
回答
44浏览
小程序列表滚动卡顿怎么优化？
我在做微信小程序的长列表页面，数据一多滚动就特别卡，试过用 wx:for 渲染几百条记录，体验很差。是不是应该用虚拟列表？但不确定小程序支不支持。 目前是这样写的： Page({ data: { li...
-
1
回答
27浏览
Service Worker 缓存 HTML 后页面不更新怎么办？
我用 Service Worker 做了离线缓存，把首页 index.html 也缓存了，但改了 HTML 内容后刷新页面还是旧的，哪怕关掉再开浏览器也没用。是不是缓存策略写错了？ 我注册 SW 的方...
-
1
回答
41浏览
Reanimated 的 withTiming 回调不执行是怎么回事？
我用 Reanimated 2 做一个动画，想在动画结束后执行点逻辑，但传给 withTiming 的回调根本没触发，这是为啥？ 我试过把回调写成第二个参数，也检查了 shared value 的值确...
-
2
回答
39浏览
React Native列表滚动卡顿怎么优化？
我在用FlatList渲染一个商品列表，数据量大概200条左右，但滚动起来明显掉帧，尤其在低端安卓机上。已经加了keyExtractor和initialNumToRender={10}，还是不太流畅。...
-
1
回答
100浏览
Zustand 中如何正确处理异步 action 并更新状态？
我最近从 Redux 切换到 Zustand，发现写异步逻辑有点懵。比如我想在组件里调用一个获取用户信息的函数，请求完之后更新 store 里的 user 字段，但不知道该怎么组织代码。 我试过直接在...
-
1
回答
40浏览
React Native中用React Navigation跳转时参数传不过去怎么办？
我在用React Navigation v6做页面跳转，从首页传个id到详情页，但接收不到参数，打印出来是undefined。明明文档里说用route.params.id就能拿到，是不是哪里写错了？ ...
-
2
回答
48浏览
React Suspense 为什么不能直接在普通组件里用？
我看到文档说 Suspense 可以配合 lazy 做代码分割，但我想在普通异步数据请求里用它来显示 loading，结果一用就报错。是我用法不对吗？ 比如下面这样写，页面直接白屏了，控制台提示“Ca...
-
2
回答
47浏览
React Native中Gesture Handler的onGestureEvent不触发是怎么回事？
我在用react-native-gesture-handler做自定义拖拽，但onGestureEvent完全没反应，控制台也不打印。试过加了GestureHandlerRootView，也确认装了原...
-
2
回答
33浏览
useEffect 里怎么正确获取最新的 state 值？
我在 useEffect 里想用最新的 count 值，但每次拿到的都是初始值 0，明明页面上已经显示更新后的数字了。是不是闭包的问题？我试过加依赖数组，也试过不加，都不行。 代码大概是这样的： im...
