组件设计
本话题发布组件设计相关的问答文章和技术分享，将持续更新，为您推荐了59篇问答，访问即可查看更多精彩内容。
-
1
回答
43浏览
TurboModules 初始化失败怎么办？
我按照官方文档写了 TurboModule，但在 JS 里调用时一直报错说模块未注册，试了 clean 缓存、重装 pod 都不行。 这是我的 JS 调用代码： import { requireNat...
-
2
回答
39浏览
React Native列表滚动卡顿怎么优化？
我在用FlatList渲染一个商品列表，数据量大概200条左右，但滚动起来明显掉帧，尤其在低端安卓机上。已经加了keyExtractor和initialNumToRender={10}，还是不太流畅。...
-
1
回答
100浏览
Zustand 中如何正确处理异步 action 并更新状态？
我最近从 Redux 切换到 Zustand，发现写异步逻辑有点懵。比如我想在组件里调用一个获取用户信息的函数，请求完之后更新 store 里的 user 字段，但不知道该怎么组织代码。 我试过直接在...
-
2
回答
45浏览
React Router中如何正确传递和接收路由参数？
我在用React Router v6做项目时，想从一个页面跳转到详情页并传个id过去，但接收的时候一直拿不到。我试过用useParams，但打印出来是空对象，不知道哪里出错了。 我的路由配置和跳转代码...
-
2
回答
59浏览
React Native列表滚动卡顿怎么优化？
我在用FlatList渲染一个商品列表，数据大概有200条左右，但一滚动就明显卡顿，FPS掉得很厉害。已经加了keyExtractor和initialNumToRender，还是没改善。 是不是 re...
-
2
回答
48浏览
React Suspense 为什么不能直接在普通组件里用？
我看到文档说 Suspense 可以配合 lazy 做代码分割，但我想在普通异步数据请求里用它来显示 loading，结果一用就报错。是我用法不对吗？ 比如下面这样写，页面直接白屏了，控制台提示“Ca...
-
1
回答
31浏览
React Strict Mode 下 useEffect 为什么会执行两次？
我最近在开发一个 React 项目，启用了 Strict Mode 后发现 useEffect 里的逻辑执行了两次，比如发请求、打日志都重复了。明明只渲染了一次组件，为啥会这样？是不是我写法有问题？ ...
-
2
回答
47浏览
React Native中Gesture Handler的onGestureEvent不触发是怎么回事？
我在用react-native-gesture-handler做自定义拖拽，但onGestureEvent完全没反应，控制台也不打印。试过加了GestureHandlerRootView，也确认装了原...
-
2
回答
34浏览
Formik 表单验证时样式不生效怎么办？
我用 Formik 写了个登录表单，想在输入框出错时加个红色边框，但写了 CSS 却没反应。明明错误信息都正常显示了，就是样式没加上去，是不是 className 没绑对？ 我在 Field 组件上加...
-
1
回答
29浏览
Svelte里$符声明的响应式变量为啥不生效？
我在Svelte组件里用$: doubled = count * 2声明了一个响应式变量，但页面上没更新。count是通过按钮点击+1的，逻辑看起来没问题啊？ 试过把doubled直接写在模板里能正常...
-
1
回答
40浏览
Jest 测试中如何正确模拟 React 组件的异步 useEffect？
我在用 Jest + React Testing Library 测试一个组件，它在 useEffect 里发起了异步请求。测试总是报“无法在未挂载的组件上执行 setState”，我试过用 awai...
-
2
回答
20浏览
React Native Codegen 为啥生成不了新组件？
我按照官方文档加了个新 NativeComponent，但运行 yarn react-native codegen 后没看到任何输出文件，也没报错，这正常吗？ 我的组件定义在 src/componen...
-
2
回答
49浏览
React Testing Library 中如何正确测试异步加载的数据？
我用 React Testing Library 测试一个组件，它在 useEffect 里通过 fetch 获取数据并更新状态。但测试时总是拿不到渲染后的数据，断言失败。是不是要加 await 或者...
-
2
回答
22浏览
开启Hermes后为什么我的React Native应用白屏了？
我刚在android/app/build.gradle里把enableHermes设成true，结果打包安装后直接白屏，控制台也没报错。 之前用JSC跑得好好的，现在连启动页都过不去。试过clean项...
-
2
回答
37浏览
React Native中Gesture Handler的onGestureEvent不触发是怎么回事？
我在用react-native-gesture-handler做自定义拖动手势，但onGestureEvent完全没反应，控制台也不打印。试过把View换成Animated.View，也加了impor...
-
2
回答
44浏览
React Native 调试时为什么看不到 console.log 输出？
我在 React Native 项目里写了 console.log('test')，但运行在真机上完全看不到输出，连 Metro 控制台都没有打印，这是啥情况？ 我用的是 iOS 真机，已经开了「De...
-
2
回答
30浏览
React Hook Form 的 setValue 为什么不能立即更新表单值？
我在用 React Hook Form 做一个动态表单，想通过下拉框选择后自动填充其他字段。但调用 setValue('fieldName', value) 后，界面上的输入框没变化，控制台打印 wa...
-
1
回答
55浏览
React Native中Animated动画为什么没效果？
我在用React Native的Animated做按钮点击缩放动画，但完全没反应。控制台也没报错，就是点下去啥也不动。我按照文档写了Animated.timing，也用了Animated.View包裹...
-
2
回答
43浏览
React Query 预加载数据后怎么避免组件重复请求？
我在用 React Query 做页面切换前的数据预加载，但发现进入页面后还是会触发一次新的请求，明明之前已经 preload 过了。 我试过在路由跳转前调用 queryClient.prefetch...
-
2
回答
33浏览
Storybook中如何为组件注入全局Context Provider？
我在用Storybook写一个按钮组件的Story时，发现组件依赖项目里的AuthContext，但Storybook运行时报错找不到Context值。我试过在.stories.jsx里用addDec...
