腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
每次
父
渲染
时,
React
子
渲染
都会重新
渲染
reactjs
、
react-hooks
正如我在下面展示
的
,
react
子
渲染
每次它
的
父
渲染
时都会
渲染
。这是为什么,这是一个问题吗?另外,我怎样才能避免它,以致于只有当它
的
优点改变时,
子
对象才会重新
渲染
。import
React
, {useEffect, useState} from '
react
'; return ( <div&g
浏览 38
提问于2020-04-29
得票数 1
2
回答
传递给
react
组件
子
级
的
函数不会收到函数上下文
javascript
、
reactjs
、
components
、
undefined
、
react-props
我在使用
react
时被卡住了,在
react
中
,我将一个函数从一个
父
组件
传递到多个子
组件
。该函数调用也驻留在
父
组件
中
的
其他函数。
子
组件
确实成功地启动了函数,但不幸
的
是,函数失败了,因为它在
子
元素
中
似乎没有相同
的
上下文,例如。它开始调用存储在
父
元素
中</
浏览 26
提问于2020-05-05
得票数 0
回答已采纳
2
回答
react
组件
如何一次呈现一个,而不嵌套在其父
组件
的
呈现
中
?
javascript
、
reactjs
如果您要记录每个
组件
的
呈现
的
开始
和
结束,它们将独立于它们呈现
的
子
组件
开始
和
结束。为什么子
渲染
不能在
父
渲染
的
开头
和
结尾进行
渲染
? 谢谢!
浏览 4
提问于2017-07-22
得票数 0
1
回答
React
路由器导致无效
的
钩子调用
javascript
、
reactjs
、
react-router
我有一个使用
react
-router
的
React
应用程序。钩子
的
路由时,我
的
应用程序就会崩溃,并显示以下错误:下面是一个会导致应用程序崩溃
的
浏览 4
提问于2020-09-29
得票数 1
1
回答
如
何在
React
中
渲染
和
更新
来自
父
组件
的
子
元素
?
javascript
、
reactjs
我对
父
组件
所拥有并在
子
组件
中
呈现
的
字符串集合有一个问题。我做到了这一点,我还可以从子
组件
执行
父
方法(delete)。但是当集合在
父
视图中
更新
时,它不会在
子
视图中
更新
。有什么想法吗?这是
父
级: export class App extends
React
.Component { super();
浏览 15
提问于2021-05-04
得票数 0
回答已采纳
4
回答
基于其他用户
的
事件重新呈现
React
组件
javascript
、
reactjs
、
react-hooks
、
event-handling
、
react-component
在此阶段,
react
组件
需要显示使用某个游戏id加入游戏
的
玩家
的
编号。当新用户加入屏幕时,如何
更新
老用户
的
屏幕?如
何在
另一个用户触发事件时呈现
组件
,并且此更改反映在所有user screens.thank you
中
。用户-活动-反应
组件
-注释用户B -->登录-> <<用
浏览 0
提问于2021-01-26
得票数 0
1
回答
如何测试
react
函数
组件
是否使用
react
-testling-library重新
渲染
javascript
、
reactjs
、
enzyme
、
react-testing-library
我正在开发一个应用程序,上面有一个很大
的
子
组件
垂直列表。每个子
组件
都使用
React
.memo,我已经构建了优化,以确保当修改列表
中
的
其他
组件
并
更新
组件
树
中
更高位置
的
状态时,它们不会重新呈现。理想情况下,我希望
渲染
父
组件
和
其中
的
一些
子
组件
,并在其中一个
浏览 3
提问于2021-11-03
得票数 1
1
回答
迭代子
组件
并将每个
组件
呈现在更高级别的
组件
中
javascript
、
reactjs
当涉及到将
父
元素
的
子
元素
包装在更高顺序
的
组件
中
,然后呈现它们时,我目前遇到了一个问题。testProp={'Foo'}/> </FocusProvider>); 其中FocusProvider是
父
元素
,
浏览 10
提问于2019-11-19
得票数 1
1
回答
反应
中
的
计算场?
reactjs
、
redux
、
react-redux
我刚开始使用
React
/ Redux,但这正是我计划在即将到来
的
项目中使用
的
。有与KnockoutJs
的
ComputedObservable相等
的
东西吗?我计划有一个带有主数组
的
外部
组件
,然后多个子
组件
负责根据某些条件在
父
组件
的
数组
中
显示项
的
子集。想象一下: { id:1,颜色:‘蓝色’},{ id:2,颜色:‘蓝色’},{ id:3,颜色:‘绿色’}
浏览 0
提问于2017-07-29
得票数 1
回答已采纳
3
回答
仅在多个子
组件
运行完成后
更新
父
组件
javascript
、
reactjs
我有一个带有多个子
组件
的
父
react
组件
,这些
子
组件
是通过.map()函数创建
的
。我传入了一个函数addCallback()作为
子
属性,这样我就有了一个引用,可以通过
父
属性触发
子
的
所有handleRun()函数。我尝试在所有
子
组件
都运行时将
父
组件
的
状态
更新
为running =
浏览 14
提问于2019-06-27
得票数 3
回答已采纳
1
回答
如
何在
组件
重新
渲染
时保持Material-UI AutoComplete
的
状态?
javascript
、
reactjs
、
material-ui
、
react-hooks
我正在使用Material-UI v4 AutoComplete component
和
renderOption prop来
渲染
checkbox项目选项,但是问题是当onChange事件触发时,它会
更新
父
组件
中
的
hook并导致
渲染
到
子
组件
,因此
组件
的
状态
和
所选项目的状态都会丢失,这会导致UI
和
逻辑上
的
不一致,我如
何在</e
浏览 2
提问于2020-01-13
得票数 2
1
回答
如
何在
React
Native
中
处理单个
组件
中
的
多个API调用?
android
、
ios
、
react-native
、
react-redux
我有包含4个
子
组件
的
react
本地
父
组件
。每个子
组件
都需要
来自
不同API
的
web服务数据。如果我调用web服务,
父
组件
会
渲染
4次。当API获得响应时,如何处理这种情况并呈现特定
的
子
组件
?
浏览 8
提问于2020-05-01
得票数 0
2
回答
子
组件
如
何在
不侦听生命周期方法
的
情况下从父
组件
接收道具?
javascript
、
reactjs
、
application-lifecycle
为了
更新
子
组件
中
的
props对象,通常使用生命周期方法ComponentWillReceiveProps。但我意识到,可以在不侦听ComponentWillReceiveProps
的
情况下
更新
子
组件
的
props。例如,在以下名为App
的
组件
中
,
子
组件
Comp能够在不侦听生命周期方法ComponentWillReceiveProp
浏览 6
提问于2019-07-09
得票数 2
2
回答
React
:将State传递给同级
javascript
、
reactjs
、
state
、
use-state
、
controlled-component
我已经创建了一个受控
组件
,它将一个输入字段限制为4个数字。这些数字可以在任何时候更改,任何时候数字是四位数,我希望将结果传递给同级
组件
以执行操作。我将值发送到
父
状态,然后重新呈现,然后同级状态获取该值。但是我
的
组件
也会重新呈现,并且输入字段将丢失该值。 我应该只将值发送给
父
对象,让
父
对象在每次输入更改时重新呈现吗? 还是使用上下文?任何洞察力都将是伟大
的
,因为我是新
的
反应。
浏览 26
提问于2021-09-27
得票数 3
1
回答
我认为
react
-spring (useSpring)会导致
组件
重新
渲染
很多次,但它可能不会,我们如何做到这一点呢?
reactjs
、
react-spring
我认为
react
-spring会导致
组件
重新
渲染
很多次,所以如果它是一个已经有大量useSpring()工作要做
的
组件
,那么
react
-spring不是最适合这个任务
的
。在他们
的
示例
中
,我可以看到它重新
渲染
了很多次: (通过查看console.log输出,其中包含大量
的
renderCount打印输出。当我们将持续时间更改为5000 (即5秒)时,打印输出要多得多。同样,如果它是一个类似于
r
浏览 4
提问于2021-04-21
得票数 1
2
回答
React
受控
组件
reactjs
、
react-hooks
、
controlled-component
import
React
, { useState } from "
react
"; const [name, setName] = useState("");button type="submit">Submit</button> </div>} 我将使用上面的代码来提出我
的
问题inp
浏览 15
提问于2021-05-22
得票数 0
1
回答
React
Router VS条件
渲染
javascript
、
reactjs
、
react-router-v4
我对使用
React
Router
和
常规
的
条件
渲染
方法之间
的
核心差异(特别是在性能方面)感到困惑。我所指
的
“常规条件
渲染
方法”是,例如: 我们可以在
父
组件
中
设置一个状态,并将其作为
子
组件
的
道具传递,我们根据需求有条件地
更新
这种状态,
子
组件
将根据其道具重新呈现不同
的
内容。我认为它可以达到与使用<e
浏览 2
提问于2018-07-05
得票数 15
1
回答
React
-根据其他
组件
的
位置呈现
组件
reactjs
、
react-hooks
所以我有两个框
的
组件
,我希望第三个
组件
呈现为这两个
组件
之间
的
一条线。在
渲染
完成之前,我不知道这两个框
的
位置
和
尺寸,因为这将取决于其他
组件
的
渲染
。为了绘制这条线,我需要两个框相对于一个共同
的
父
元素
的
位置。(这条线是用绝对位置绘制
的
,所以不会影响长方体。) 所以问题是,我如
何在
React<
浏览 26
提问于2021-10-30
得票数 0
1
回答
从
React
中
的
单独
组件
中
更新
状态
reactjs
、
react-router
我有三个
组件
(
父
组件
、
子
组件
、独立
组件
)。 number: 1在
react
-router-dom,
子
组件
中
,我创建了一个从到
的
链接 <Link to="goTo3
浏览 1
提问于2021-05-06
得票数 0
1
回答
Mobx @observer
组件
触发`render`或者`forceUpdate`吗?
javascript
、
reactjs
、
mobx
当可观察到
的
更新
时,Mobx @observer
组件
是否会在该
组件
上触发render或forceUpdate?当它发生时,会触发哪些生命周期方法?render
和
forceUpdate有什么区别吗?即使在render方法
中
,
子
对象如何保持不变?
React
或Mobx是否负责检测何时将道具传递给
子
对象并需要重新
渲染
? 谢谢!
浏览 2
提问于2017-03-27
得票数 3
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
我用Vue和React构建了相同的应用程序,这是它们的差别
react-native总结心得
memo、useMemo、useCallback 你真的用明白了吗
Vue 超快速学习
React 组件设计模式基础
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券