React
本话题发布React相关的问答文章和技术分享，将持续更新，为您推荐了13篇问答，访问即可查看更多精彩内容。
-
1
回答
27浏览
Render Props 里怎么传递多个参数？
我在用 Render Props 模式复用逻辑，但发现只能传一个 children 函数，想同时传数据和回调函数咋办？试过 {(data) => ...} 只能拿到一个参数。 比如下面这个例子，...
-
1
回答
28浏览
Error Boundaries 为啥捕获不到异步错误？
我在 React 里写了 Error Boundary，同步错误能正常捕获，但组件里用 setTimeout 抛出的错误却没被 catch 到，这是为啥？ 我试过把 throw new Error('...
-
2
回答
54浏览
useReducer 中如何正确更新嵌套对象的状态？
我在用 useReducer 管理表单状态，状态里有个嵌套对象，每次想改里面的某个字段，结果整个对象都被替换了，其他字段就丢了。试过用展开运算符，但好像没生效。 比如我的 state 是 { user...
-
1
回答
30浏览
React Portals 渲染到 body 后样式丢失怎么办？
我在用 React Portals 把一个 Modal 组件渲染到 document.body 下，结果发现原本在组件内部的样式全没了。我试过把 CSS 类名加上，也确认了类名没拼错，但就是不生效。 ...
-
1
回答
100浏览
Zustand 中如何正确处理异步 action 并更新状态？
我最近从 Redux 切换到 Zustand，发现写异步逻辑有点懵。比如我想在组件里调用一个获取用户信息的函数，请求完之后更新 store 里的 user 字段，但不知道该怎么组织代码。 我试过直接在...
-
1
回答
31浏览
React Strict Mode 下 useEffect 为什么会执行两次？
我最近在开发一个 React 项目，启用了 Strict Mode 后发现 useEffect 里的逻辑执行了两次，比如发请求、打日志都重复了。明明只渲染了一次组件，为啥会这样？是不是我写法有问题？ ...
-
2
回答
33浏览
useEffect 里怎么正确获取最新的 state 值？
我在 useEffect 里想用最新的 count 值，但每次拿到的都是初始值 0，明明页面上已经显示更新后的数字了。是不是闭包的问题？我试过加依赖数组，也试过不加，都不行。 代码大概是这样的： im...
-
1
回答
19浏览
useReducer 的状态更新为什么没有立即生效？
我在用 useReducer 管理表单状态，点击按钮后 dispatch 了一个 action，但紧接着在同一个函数里读取 state，发现还是旧值。比如我 dispatch 之后马上 console...
-
2
回答
45浏览
React 开启 Strict Mode 后 useEffect 被执行了两次，正常吗？
我在开发 React 应用时开启了 Strict Mode，结果发现组件里的 useEffect 在开发环境下执行了两次，导致接口被请求了两遍，这正常吗？我是不是哪里写错了？ 这是我的代码： useE...
-
2
回答
123浏览
React函数组件中的Error Boundary为什么无法捕获子组件错误？
大家好，我在用React 18写一个表单组件时遇到了问题。按照文档把错误边界写成类组件包裹住了子元素，但子组件报错时页面还是会直接崩溃，控制台显示"Uncaught Error: ..." 我尝试过两...
-
1
回答
51浏览
为什么useReducer里的dispatch不更新状态？
在用useReducer处理表单输入时遇到问题，输入框的值没反应。写了个handleChange函数，通过dispatch('UPDATE_FIELD')传递value，但状态一直没变。 试过检查ac...
-
1
回答
82浏览
React错误边界为什么在函数组件里没生效？
在函数组件里用类组件做错误边界，报错时页面直接崩溃了，没触发fallback UI。之前在类组件里用没问题，这次按文档改成函数组件包裹试试，代码这样写的： class ErrorBoundary ex...
-
2
回答
58浏览
useCallback在函数组件里用不对，为什么子组件一直重新渲染？
我在用React函数组件时，给子组件传了一个用useCallback包裹的回调函数，依赖数组也写对了，但每次父组件状态变化子组件还是重新渲染，这是为什么啊？ 代码大概是这样的： const Paren...
