腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(3522)
视频
沙龙
1
回答
使用
useReducer
钩
子时
,
react
中
的
重新
渲染
过多
reactjs
、
react-hooks
我在
使用
useReducer
react
钩
子时
遇到了一个奇怪
的
问题,我知道错误
的
根源,但我不知道为什么它会出现在我
的
代码
中
。import
React
, {
useReducer
} from '
react
' export defaultstate.high
浏览 11
提问于2020-09-25
得票数 1
回答已采纳
4
回答
如何强制更新功能组件?
reactjs
、
redux
我正在学习redux,我想知道useSelector是如何更新组件
的
,因为组件没有自己
的
状态。 我知道useSelector()将组件订阅到存储区,当存储区更新时,组件也会更新。
浏览 2
提问于2020-12-14
得票数 1
2
回答
在与状态无关
的
React
上下文中
使用
全局对象
javascript
、
reactjs
我想要一个全局对象,它可用于我
的
应用程序,在那里我可以在任何地方检索值,也可以在任何地方设置新值。目前,我只对与状态相关
的
值
使用
了上下文,也就是说,当值改变时,需要再次呈现
的
内容。例如:const TokenContext =
React
.createContext({ setToken: () => {} export default
浏览 1
提问于2020-07-07
得票数 2
2
回答
用数组响应useState
reactjs
、
react-hooks
在
react
中
,用相同
的
旧值设置状态值是保证不触发呈现
的
,对吗?
React
通过引用来比较数组,而不是通过值进行深入
的
比较。因此,设置一个与值完全相同
的
新数组仍然会触发呈现。我创建了一个侦听
的
组件--滚动事件。 因此,我需要
使用
useEffect来附加和分离滚动事件。window.removeEventListener('scroll', handleScroll); //
浏览 1
提问于2021-05-20
得票数 0
2
回答
有没有一种方法可以让组件只在某些状态改变时
重新
呈现?
reactjs
、
react-hooks
我有两个reducer,我相信当从它们
中
的
任何一个发出操作时,它们都会使我
的
组件
重新
呈现: const [toDoListState, toDoListDispatch] =
useReducer
(toDoListReducer, []); const [httpState, httpDispatch] =
useReducer
(httpReducer, {isLoading: false, errorMsg: null}); 问题是,httpState
的</em
浏览 21
提问于2020-07-17
得票数 0
1
回答
如何在移动到下一个屏幕前等待useEffect钩子完成反应
reactjs
、
react-native
、
async-await
、
react-hooks
我遇到了问题,在多个文件中
使用
钩子,并且在第一个异步方法完成之前为useEffect调用了两次钩子(这应该阻止第二个钩子调用,但它不是)。export const useLobby = () => { // Scenario"Show the room Id"...在场景1
中
,
浏览 2
提问于2020-06-01
得票数 6
回答已采纳
3
回答
使用
上下文API时
React
Native render白屏
react-native
但是当我包装AuthProvider时,我
的
应用程序呈现白屏@@。所以我检查终端,看到Bundle没有运行(通常在
渲染
时,我们可以看到Bundle正在加载和运行...)。我该如何解决这个问题?createDataContext.js export default (reducer, actions,const [state, dispatch] =
useReducer
(re
浏览 8
提问于2020-02-14
得票数 0
2
回答
useReducer
- keydown处理程序-
重新
评估每个呈现
的
初始状态。
reactjs
、
use-effect
、
keydown
、
use-reducer
我有一个
useReducer
钩子和一个带有keydown事件处理程序
的
useEffect。问题是,在处理键盘按钮按下
的
每次重呈现时,组件函数将
重新
运行获得初始状态
的
函数。可见
的
不正确结果是在每次呈现时登录控制台
的
随机数(我希望没有日志记录)。换句话说,这里
的
目标是停止在每个呈现上运行getInitialState函数。import { useEffect,
useReducer
} from "
react
&
浏览 8
提问于2022-02-26
得票数 0
回答已采纳
2
回答
Hook
的
useState初始值在回调
中
永不改变,这是回忆录
javascript
、
reactjs
、
react-hooks
在这个简单
的
示例
中
,我将
使用
useMemo回传子组件,并将回调传递给父函数以添加数据以响应钩子数组,该数组最初被设置为空。但是,当在useEffect方法
中
检查数据钩子或在呈现中
使用
该钩
子时
,它总是具有最新
的
状态。这是一个更普遍
的
问题,例如,如果数据总是具有初始状态,那么在回忆录子组件
中
检查回调函数
中
的
重复值
的
最佳方法是什么?我知道
useReducer
,在添加之前
浏览 9
提问于2020-05-18
得票数 1
回答已采纳
3
回答
如何在
React
.
useReducer
bailout上运行代码
reactjs
、
react-hooks
我正在尝试编写一个处理分派
的
useReducer
操作
的
库。但是,只有当我有了新
的
react
状态时,才需要处理它们。以下示例
中
的
想法是在所有操作发生时对其进行缓冲,然后在组件重现后获得新状态,并将所有缓冲
的
操作与新状态一起发送到处理器
中
(本例
中
为简单
的
记录器函数)。问题是,如果组件退出
渲染
,这将不起作用,因为组件不会
重新
渲染
,因此useEffect
浏览 3
提问于2021-06-17
得票数 0
19
回答
如何
使用
钩子来强制组件
重新
呈现?
javascript
、
reactjs
、
react-native
、
react-hooks
考虑下面的钩子例子 const [count, setCount+ 1)}> </button> );基本上,我们
使用
this.forceUpdate()方法强制组件在
React
类组件中立
浏览 0
提问于2018-11-08
得票数 207
回答已采纳
1
回答
React
-Native -将来自特定组件(panResponder)
的
值添加到当前值后重置
的
状态
reactjs
、
react-native
、
react-hooks
、
state-management
、
use-context
我有一个用useContext构建
的
组件。 问题是我
的
状态(名为myCartItems)总是被重置,我不知道为什么。其思想是通过
使用
产品id调用函数addToCart来添加更多元素。我试着在没有useContext
的
情况下
使用
它,它起作用了。由于某些原因,当我将它与useContext一起
使用
时,它不能工作。下面是我
的
组件: import
React
, { useState, useEffect } from '
react
&
浏览 36
提问于2021-06-30
得票数 0
1
回答
如何根据计时器而只根据
React
中
的
特定组件触发重发程序?
javascript
、
reactjs
、
typescript
、
react-native
、
react-hooks
我有一个呈现相对时间
的
组件import { Text, TextProps }, ...props }: MomentTextProps): JSX.Element { const [formatted, update] =
useReducer
”,但只有
重新
修改这一个特定
的
孩
浏览 6
提问于2021-12-07
得票数 0
1
回答
使用
React
Hooks进行
的
重新
渲染
过多
reactjs
、
fetch
、
react-hooks
类似的问题也被问过,但我还没有找到解决这个问题
的
办法。我有一个组件,
渲染
所有的电路板,我正在
使用
一个自定义
的
useFetch挂钩来获取所有的电路板。setError(error); }; }, []);};谢谢!
浏览 1
提问于2019-10-28
得票数 8
3
回答
将内联减速器功能传递给
React
.
useReducer
reactjs
下面是一个内联减速器
的
例子:const App = () => { console.log/16.13.0/umd/
react
.production.min.js" integrity="sha256-32Gmw5rBDXyMjg/73FgpukoTZdMrxuYW7tj8adbN8z4="crossorigin="
浏览 4
提问于2020-05-18
得票数 3
3
回答
防止在函数属性更新时
重新
渲染
javascript
、
reactjs
、
react-hooks
我有一个包含多层子组件
的
表单。表单
的
状态保持在最高级别,我将函数作为道具向下传递以更新最高级别。唯一
的
问题是,当表单变得非常大时(您可以动态添加问题),当其中一个组件更新时,每个组件都会
重新
加载。以下是我
的
代码
的
简化版本(或代码:): return <Form />; id: 1, sectionsupdateQuestion({ ...question, r
浏览 4
提问于2019-05-11
得票数 12
回答已采纳
5
回答
React
.useMemo不工作以防止
重新
呈现。
javascript
、
reactjs
、
typescript
、
react-hooks
data} isLoading={loading} /> )我希望防止ActivityFeedTitle组件
的
所有
重新
呈现我
的
理解是,我应该能够
使用
带有空依赖项数组
的
React
.useMemo钩子来实现这一点。ActivityFeed data={data} isLoading={loading} /> </Fragm
浏览 1
提问于2019-10-22
得票数 4
1
回答
在
使用
useEffect钩
子时
,如何避免额外
的
React
组件
渲染
?
javascript
、
reactjs
、
react-redux
、
electron
各位,我目前正在做一个
React
/Electron项目,在如何满足我
的
客户在
使用
useEffect钩
子时
渲染
较少
的
要求上遇到了一些困难。在我的当前项目中,我
使用
的
是容器/组件结构,因此我有一个包含组件和useEffect
的
所有逻辑
的
index.js文件。index.js
中
的
useEffect旨在预先填充文件输入(如果文件存在),然而,这是导致额外
渲染</
浏览 0
提问于2020-06-26
得票数 0
2
回答
我应该直接操作DOM还是
使用
React
状态/属性?
javascript
、
reactjs
情况是这样
的
: 该组件将许多数据呈现为列表。如果我
使用
React
状态/属性来控制DOM样式(添加类或修改一些属性),
React
将始终在用户对列表进行反应时运行render()函数,如mouseover、click等。虽然
React
有虚拟DOM技术,但我认为每次运行render()仍然是非常低效
的
。文档不建议直接操作DOM,但我认为这样更有效。我该怎么办?谢谢。
浏览 0
提问于2017-01-03
得票数 0
1
回答
React
挂钩useContext
重新
呈现组件
javascript
、
reactjs
、
react-hooks
我
使用
带有useContext
的
全局钩子来存储注册用户信息。我不知道为什么useContext两次呈现我
的
组件,第二次却没有定义状态。提供程序是全局
的
,在index.js
中
import
React
, { createContext,
useReducer
} from '
react
'; accessToken&l
浏览 2
提问于2020-02-28
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React Hooks-缓存记忆
React使用钩子增强组件
React Hooks踩坑分享
想创建应用程序,只用React Hooks就够了
你的React组件还能跑得再快一点
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券