组件设计
本话题发布组件设计相关的问答文章和技术分享，将持续更新，为您推荐了59篇问答，访问即可查看更多精彩内容。
-
1
回答
23浏览
React Hook Form 中如何动态控制字段的 required 状态？
我在用 React Hook Form 做一个表单，有个下拉选项会影响另一个输入框是否必填。我试过用 watch() 监听下拉值，然后在 useEffect 里调用 trigger()，但 requi...
-
1
回答
27浏览
React Native 调用原生模块为什么没反应？
我在 Android 上写了个 Native Module，导出方法也加了 @ReactMethod，但在 JS 里调用完全没反应，也不报错。 试过重启 Metro、重装 App，还是不行。JS 这边...
-
2
回答
54浏览
useReducer 中如何正确更新嵌套对象的状态？
我在用 useReducer 管理表单状态，状态里有个嵌套对象，每次想改里面的某个字段，结果整个对象都被替换了，其他字段就丢了。试过用展开运算符，但好像没生效。 比如我的 state 是 { user...
-
1
回答
46浏览
React Native集成iOS后样式不生效怎么办？
我用React Native开发了个组件，在iOS真机上跑的时候发现某些CSS样式完全没效果，特别是flex相关的布局。安卓上显示正常，但iOS就乱了。 试过重启Metro、清理Xcode缓存，也检查...
-
1
回答
26浏览
Zustand里怎么监听某个state变化并执行副作用？
我用Zustand管理状态，现在想在某个字段（比如user.id）变化时自动触发一个API调用，但不知道该在哪写这个逻辑。useEffect里监听store的值好像不太对，试过store.subscr...
-
1
回答
30浏览
React Portals 渲染到 body 后样式丢失怎么办？
我在用 React Portals 把一个 Modal 组件渲染到 document.body 下，结果发现原本在组件内部的样式全没了。我试过把 CSS 类名加上，也确认了类名没拼错，但就是不生效。 ...
-
1
回答
47浏览
Reanimated中useSharedValue在useEffect里更新没反应？
我在React Native里用Reanimated的useSharedValue，想在useEffect里根据某个状态更新它的值，但发现UI根本没变化。是不是不能在useEffect里直接赋值？ 我...
-
2
回答
30浏览
Vite里怎么正确引入全局CSS变量？
我在用Vite+React开发项目，想在:root里定义一些CSS变量，然后在组件里用，但发现根本读不到。 我把变量写在src/styles/variables.css里了，也在main.jsx里im...
-
1
回答
31浏览
AsyncStorage取不到刚存的数据是怎么回事？
我在React Native里用AsyncStorage存了个token，存完马上去取却拿不到，一直是null，这正常吗？ 我试过加await，也确认key没写错，但就是读不出来。是不是存完不能立刻读...
-
1
回答
54浏览
React Native 列表滚动卡顿怎么优化？
我用 FlatList 渲染一个商品列表，数据量大概 200 条，每项都有图片和文字，滑动的时候特别卡，帧率掉得很厉害。试过加 keyExtractor 和 getItemLayout，也用了 Rea...
-
1
回答
28浏览
React Native里原生模块调用后怎么拿返回值？
我在写一个Android原生模块，通过Bridge调用后想把结果传回JS层，但回调一直没触发。试了Callback和Promises两种方式都不行。 原生方法是这么写的： @ReactMethod p...
-
1
回答
75浏览
React Native中TurboModules怎么调用原生方法？
我按照文档配置了TurboModule，但在JS里调用时一直报undefined is not a function，是不是哪里注册错了？ 我的模块叫MyLogger，在jsi::HostObject...
-
1
回答
31浏览
React Query 的 useQuery 拿不到最新数据怎么办？
我在用 React Query 做一个用户信息页面，明明接口返回了新数据，但 useQuery 返回的 data 还是旧的，是不是缓存没刷新？我试过手动 invalidateQueries 也不生效。...
-
1
回答
55浏览
React Native 调用原生模块为什么一直返回 undefined？
我按照官方文档写了 Android 的 Native Module，但在 JS 里调用方法总是返回 undefined，明明原生那边 Log 都打出来了啊。 我在 JS 里是这样调的： import ...
-
2
回答
51浏览
开启Hermes后React Native应用白屏怎么办？
我刚在React Native项目里启用了Hermes引擎，结果iOS模拟器一运行就白屏，控制台也没报错。之前用JSC完全正常，是不是哪里配置漏了？ 我试过clean build folder、重装n...
-
2
回答
51浏览
React Native 升级 Fabric 后自定义组件不渲染怎么办？
我最近把项目从旧架构迁移到 React Native 的新 Fabric 架构，结果之前写的原生自定义组件完全不显示了，控制台也没报错，这到底该怎么排查？ 我在 Android 上用的是 ViewMa...
-
2
回答
40浏览
React Testing Library 中如何正确模拟异步数据加载？
我在用 React Testing Library 测试一个组件，它会在 useEffect 里调用 API 获取数据。我用 jest.mock 模拟了请求，但测试总是报错说找不到加载后的元素，是不是...
-
2
回答
33浏览
React Native中状态更新后样式没生效是怎么回事？
我在用React Native写一个按钮，点击后想改变它的背景色，但setState之后界面没变化，明明state已经更新了。我试过用useEffect监听也没触发重新渲染，是不是样式写法有问题？ 这...
-
2
回答
41浏览
React Native 调试时 console.log 不输出怎么办？
我在用 React Native 开发时，发现 console.log 在终端或浏览器控制台里完全没反应，明明代码执行到了，但就是看不到日志。我试过重启 Metro、重新连接设备，也打开了开发者菜单里...
-
1
回答
41浏览
Reanimated 的 withTiming 回调不执行是怎么回事？
我用 Reanimated 2 做一个动画，想在动画结束后执行点逻辑，但传给 withTiming 的回调根本没触发，这是为啥？ 我试过把回调写成第二个参数，也检查了 shared value 的值确...
