在项目组件did挂载时，每个项目都会获取数据(http调用)。在每个项目中，我都可以删除此项目。我的问题是，当我删除一个项目时，列表重新渲染(因为大小改变了)，重新挂载每个项目，让每个项目执行一个新的http调用。
有什么方法可以防止重新挂载吗？
浏览 18提问于2019-07-16得票数 0
回答已采纳
如何避免在给定以下代码的情况下重新呈现整个列表？对于列表中的所有项，当父组件属性发生更改并重新挂载所有项时，永远不会调用shouldComponentUpdate。父列表组件：tasksList = (tasks) => {
ret
浏览 4提问于2018-05-03得票数 0
3回答
我一直使用useEffect()和[]作为我想要运行一次的代码的参数。但是，在构建了许多项目之后，我发现如果组件的一个实例在某个地方呈现时，它只运行一次，那么它就不会在其他地方运行。<Comp page="page1" /> : <Comp page="page2" />} );function Comp({ page }) {
useEffe
浏览 3提问于2021-05-19得票数 1
回答已采纳
我有一个从map函数接收道具的React组件数组，但是问题是组件是在任何状态更新上挂载和卸载的。这不是数组键的问题。请参阅代码框链接。onNextClick={progressToNextIndex} ), <div> const isActive = index === currentIn
浏览 1提问于2021-02-22得票数 2
回答已采纳
1回答
在它的右边有一些静态的成分，例如一个图像左右。左边有一个用户列表，每个用户都是一个链接("/user/:id")
当用户单击列表的项时，列表本身应该消失，具有指定用户详细信息的组件应该显示为，例如"/user/1"。当单击back按钮或页面标题时，它应该返回到"/"并再次显示
浏览 0提问于2018-07-28得票数 1
回答已采纳
呈现SearchVideoMeta组件后，如果更新了结果状态，则卸载SearchVideoMeta组件，然后使用新的结果状态再次挂载和挂载。但是，如果删除键属性(这是唯一键)并更新结果状态，则会使用新的结果状态更新SearchVideoMeta组件(无需再次卸载和挂载)。我想知道哪种方式性能更好。React文档说添加key总是更好的。附言:我刚开始使用react，并尝试在react文档中找到它，但没有任何帮助。
浏览 0提问于2018-11-29得票数 0
我有一个列表视图，它当前显示来自数据源的数据。在我的列表项中，有一个图标。我希望该图标根据应用程序的状态而改变。当this.state.deleteMode = true时，我需要图标是减号。当它为false时，它需要是一个人字形的。this.state.deleteMode是通过按钮切换的。
我将与标准的React-Native列表</
浏览 0提问于2017-01-13得票数 0
我正在开发一个应用程序，它的一个部分包含了一个玩家列表。列表中的每一项都包含球员的名字，他/她拥有的积分和一个用来改变积分的IOS stepper。每次我使用IOS stepper修改玩家的点数时，应用程序的状态都会根据该值进行更改。但是，包含玩家分数的文本不会被修改。render函数被调用，应用程序的状态没有变化，因此文本组件也应该改变</em
浏览 5提问于2017-07-13得票数 1
我有一个需要呈现为一组按钮的项目列表，我只想知道哪一个是最好和最简单的解决方案。第一个选项是仅使用密钥作为项密钥for (const [key, value] of Object.entries(sampleItem)) {onClick={value.onClick} {value.title} </li>);第二种解决方案是使用reac
浏览 3提问于2020-06-29得票数 2
flux的核心原则之一是使应用程序在商店中的状态最低。可以基于其他状态数据计算的所有内容都不应该进入存储区。当我有一个多重过滤和排序的列表时，必须从一堆基本状态信息计算最终列表的想法似乎是一个性能问题。reselect声称在某种程度上解决了这个问题，但是有什么理由反对将最终列表保存为状态呢？
浏览 1提问于2015-12-01得票数 1
2回答
关键的反应是什么？
、、、
import ReactDOM from 'react-dom'
constructor}.bind(this)) </ul> }
class Li extends React.Component</li>
浏览 2提问于2017-08-31得票数 1
回答已采纳
当您重新访问其数据由react-apollo提供支持的页面时，如何使用refetch刷新数据
比方说，我第一次访问列表页面。默认情况下，apollo将获取查询并对其进行缓存。因此，当您在会话期间再次访问同一页面时，它将填充其缓存存储中的数据。如何强制apollo在每次挂载组件时都重新获取数据？
浏览 3提问于2017-05-05得票数 7
回答已采纳
我想实现flatlist的多选功能。我直接在官方网站上修改了这个例子。官方网站地址是：。因为列表中有很多项，所以我想使用shouldComponentUpdate来防止过度呈现项。但是我发现react钩子编写方法不能实现多选，它不能保存选中的状态，但是类编写方法可以实现多选，原因是什么？FlatList项目的源码如下：import
浏览 1提问于2020-06-17得票数 0
我如何修复警告'createGraphics‘函数使得useEffect钩子(在第77行)的依赖关系在每次渲染时都会发生变化。将其移动到useEffect回调中。或者，将'createGraphics‘定义包装到它自己的useCallback()钩子中。另外，当我试图创建空的依赖数组时，我得到了这样的警告- React Hook有一个缺失的依赖：'createGraphics‘。包括它或删除依赖项数组 i
浏览 20提问于2020-12-16得票数 5
回答已采纳
2回答
我阅读了这篇关于的文章，并好奇为什么我的项目在基于索引的密钥矩阵中工作得这么好。
我参与了俄罗斯方块项目，每秒钟都有20 * 24个单元重新渲染和移动tetromino。数组中的每个单元格都包含字母表，它成为除法器的className，决定单元格的颜色，每秒钟，当tetromino移动时，它工作得很好。从他的示例和中，如果键没有被更改，react不会更改DOM元素，并为数组中的新<
浏览 2提问于2021-04-06得票数 1
回答已采纳
在我的react应用程序中，我在render方法中呈现了一个项目列表，每个项目都有其唯一和确定的键。但是，每当调用render时，都会再次调用每个项的构造函数，从DOM中删除旧项并添加一个新项。如何才能使每个子组件都不会重新呈现？我认为为每个项目提供唯一的键可以避免这种情况，但列表<
浏览 45提问于2018-06-09得票数 1
回答已采纳
假设我有这些React组件： return ( console.log('Dr. ' + theName); return ( );和封装在中的嵌套组件const Nested = React.memo(
浏览 5提问于2019-01-25得票数 16
我知道在React中使用数组时，键是很重要的工具。我只是好奇如果我不为每个列表项指定一个键会发生什么。所以我有一个非常简单的例子，我在一个对话组件中有一个按钮数组(react组件)。这些按钮不会改变，但对话框内容可能会改变。如果我没有为每个按钮指定按键，我的按钮会在每次对话框内容改变时重新挂载吗？总是包含一个键，即使它是多余的，这是一种好
浏览 2提问于2019-03-08得票数 0
我正在使用office-ui-fabric-react库。我现在的版本是7.17.0。我的清单非常简单： columns={this.state.columns} compact={true} enableUpdateAnimations={true}当我在单独的方法(标记为异步)中更改项并执
浏览 0提问于2019-08-02得票数 5
回答已采纳
否则，您的代码将引用以前呈现的陈旧值。考虑一个例子： const [count, setCount] = React.useState(0);
Add </div>}
按照上面的语句，应该将count变量作为依赖项</
浏览 1提问于2021-04-08得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
