React / Redux:如何在不重新渲染所有其他单元的情况下更新网格的一个单元
React是一个用于构建用户界面的JavaScript库，而Redux是一个用于管理应用程序状态的JavaScript库。在React中，网格的一个单元可以通过Redux来更新，而不需要重新渲染所有其他单元。
要实现这个目标，可以按照以下步骤进行操作：
- 在Redux中定义一个网格的状态对象，该对象包含网格中每个单元的数据。可以使用Redux的
createSlice或createReducer函数来创建一个reducer，用于处理更新网格单元的操作。 - 在React组件中，使用
useSelector钩子函数从Redux中获取网格的状态对象。这将使组件能够访问网格的数据。 - 在React组件中，使用
useDispatch钩子函数获取Redux的dispatch函数。这将使组件能够触发更新网格单元的操作。 - 在React组件中，使用
useCallback钩子函数创建一个回调函数，该函数将在网格单元需要更新时被调用。在回调函数中，使用dispatch函数来触发更新网格单元的操作。 - 在React组件中，将回调函数传递给网格单元组件，并在需要更新网格单元时调用该回调函数。这将触发Redux中的相应操作，更新网格的状态。
通过以上步骤，可以实现在不重新渲染所有其他单元的情况下更新网格的一个单元。这种方式可以提高性能，避免不必要的重新渲染。
对于React和Redux的更详细的介绍和使用方法，可以参考腾讯云的相关文档和教程：
- React官方文档：https://reactjs.org/
- Redux官方文档：https://redux.js.org/
- 腾讯云React产品介绍：https://cloud.tencent.com/product/react
- 腾讯云Redux产品介绍：https://cloud.tencent.com/product/redux
相关·内容
1回答
React / Redux:如何在不重新渲染所有其他单元的情况下更新网格的一个单元
reactjs、optimization、reselect
我有一个React / Redux应用程序，我可以在其中绘制一个二维网格。网格数据以数组的形式存储在Redux存储中。由于网格可以很大，所以我只想更新已更改的单元格。但无论我怎么尝试，整个网格都会更新。 我正在使用带有re-reselect的reselect来记忆各个选择器，但我认为它不起作用。，mapStateToP
浏览 10提问于2020-01-08得票数 0
回答已采纳
1回答
是否有可能优化对原子状态变化的还原过度渲染？
reactjs、redux、redux-toolkit
我正在开发一个复杂的react/redux/@reduxjs/toolkit应用程序，它有许多嵌套的(相互嵌套的)功能组件(我使用钩子，我是redux的新手)]
当我更新一个网格<
浏览 0提问于2021-07-30得票数 0
回答已采纳
1回答
使用框架单元格渲染器的Ag网格在任何存储更改时都会重新渲染
reactjs、react-redux、react-hooks、ag-grid、ag-grid-react
尝试使用React实现自定义单元格框架渲染器，这看起来很简单。创建React组件，将其注册到frameworkComponents。 填充rowData的数据来自我的redux存储。自定义单元格渲染器是一个功能强大的react组件。问题是，因为我使用的是frameworkComponent -在我的例子中是React组件-作为c
浏览 53提问于2021-01-22得票数 4
回答已采纳
1回答
ag-网格CellRenderer -当其他行数据(props.data)更改时如何呈现？
ag-grid、ag-grid-react
我希望基于绑定到该行的props.data对象中可用的其他数据，以某种方式呈现单元格。但当其他数据发生变化时，我想不出如何让单元格重新呈现。我尝试在ag网格中显示一个非常简单的数据结构，基本上是一个属性数组，每个属性都有一个名称、一个值和一个isLoading标志，它指示属性是否正在更新(就像可能发生的背景刷新
浏览 0提问于2018-03-16得票数 4
1回答
在Redux中无需任何操作即可处理API调用
reactjs、redux、react-redux
我目前正在做一些使用React+Redux的项目。我非常需要你们这些家伙的帮助。当我加载另一个页面时，我希望在不执行任何操作的情况下处理API调用。但是，当我加载它时，我在初始页面提供的令牌(信息)就消失了。(redux更新状态没有<em
浏览 0提问于2018-09-27得票数 0
2回答
React/Redux中的生命游戏，有助于提高性能
javascript、reactjs、redux
我正在开发一个react/redux/javascript版本的生活游戏，虽然我让它工作，但性能很糟糕。目前，我在每个节拍(250,500,750ms可由用户更改)更新每个单元的状态。为此，我循环遍历表示每个单元格的对象数组。在每个对象中都有一个名为status的参数，它可以是一个整数，1表示活动，0表示死亡。然后，对应用程序中的每个<e
浏览 15提问于2016-07-26得票数 6
回答已采纳
2回答
scrollToIndex不滚动React-virtualized列表中的列表
reactjs、react-virtualized
使用时，当您滚动list并设置相同的scrollToIndex时，它不会回滚到相同的索引。
有没有办法把列表重置回原来的位置？
浏览 5提问于2017-10-10得票数 2
1回答
带有deltaRowDataMode的ag-grid deltaRowDataMode
updates、ag-grid、cellrenderer
嗨，我有一些单元格与自定义渲染，当我更新所有的数据，不去改变我的裁剪单元渲染。更新行的其他单元格被正确更新。
如何才能给ag网格提供一个线索来正确地比较这个自定义单元格？
浏览 1提问于2018-04-11得票数 8
2回答
依赖于Redux的应用程序状态
redux
我目前正试图将我的大脑围绕着redux，而我目前有一个问题，那就是如何处理redux中的依赖状态。在单元格A1和A2中，用户正在输入值。单元格A3现在具有以下依赖状态(=Sum(A1;A2))
所以现在，当用户在A1 =>中输入"2“时，我们发送一个"UpdateCellAction: A1=2”，然后在A2 =>中输入"4“，我们发送一个但是，由于这些变化
浏览 3提问于2017-11-29得票数 2
回答已采纳
1回答
AG会做出反应，当数据发生变化时，无法获得自定义的单元格呈现器来更新。函数组件的行为与类组件不同。
javascript、reactjs、ag-grid、ag-grid-react、cellrenderer
我在整个react应用程序中使用AG-Grid，在一些情况下，当网格数据发生变化时，我希望cellRenderer能够更新。在以下两种情况下，cellRenderer最初加载都是正确的，但在数据更改时不会更新：
在本例中，我用可编辑的单元格<e
浏览 3提问于2020-05-14得票数 5
回答已采纳
1回答
当不可变的rowData为真时，如何在不闪烁行的情况下更新mData？
ag-grid、ag-grid-react
在我的项目中有一个需求，在每个列中都有下拉列表og ag网格表。如果其中一列发生变化，另一列应该自动调整。我在利用手机渲染器来展示这个。如果我将immutableData设置为true，并且rowIds已就位，则在下拉更改时，即使更新了rowData，其他列值也不会在UI中得到反映。糟糕的是，即使更新了rowData，我的单元渲染器也不会重新呈现.
如果我使用gridApi.set
浏览 3提问于2022-10-05得票数 0
1回答
更新单个DataTable单元而不重新呈现整个表
plotly-dash
我有一个DataTable，我想更新股票市场价格(使用间隔回调)。这张表很大，所以我不想每次一次价格变化就重新渲染整个表。是否有可能只更新包含特定股价变化的单元格？基本上，我想要的价格单元格更新迅速和顺利，而没有其他所有的重新加载。这是否可能使用常规的Dash组件，或者我是否需要使用React创建自己的表并处理
浏览 13提问于2022-01-19得票数 0
回答已采纳
1回答
为什么向ag-grid-react添加一列会导致所有单元格重新呈现？
reactjs、ag-grid、ag-grid-react
我有一个使用ag-grid-react 21.0.1的应用程序，当我添加一个列时，所有的单元格都会重新渲染，这非常笨重，对于更大的网格，这会使应用程序完全无法使用。有什么方法可以防止这种情况发生吗？我传递了完全相同的rowData，并且不更改其他columnDefs的引用
浏览 0提问于2020-08-07得票数 1
3回答
AG-Grid大型数据集渲染时间(慢)
javascript、performance、ag-grid
我有一个包含大量但合理数据量的网格(大约12,000个单元格...340列和34行)。我知道这看起来像是一个横向的表，但对于我们的应用程序来说，它更有可能有大量的列和更少的行。当数据大约是2300个单元格(68列34行)时，它的速度足够快，我可以称之为“立即”。我不会担心的。将其增加5倍会导致初始渲染时间呈指数增长。到了20，它没有崩溃，但5分钟后，它
浏览 9提问于2016-10-22得票数 16
2回答
生命游戏中的性能问题(React.js + Redux)
javascript、reactjs、redux、setinterval、conways-game-of-life
当我的“生命游戏”独自运行时，我正在经历一些问题。为此，我试图设置一个setInterval，并触发每当有人单击Next时都会触发的函数。但这给我带来了很多问题。主要的问题是，当我设置一个setInterval( () => this.handleChange()，100)时，游戏的移动非常缓慢，最后在代码中崩溃了。class Board extends React.Component{
handleChange(){ [.........]我还在看，他似乎
浏览 2提问于2016-09-19得票数 1
回答已采纳
1回答
ExtJs3:如何根据用户网格存储值动态更新网格单元工具提示？
extjs、extjs3
= 'ext:qtip="rec.get('ERROR')"; ext:qclass="maint-usg-data-tip-error"';}; }
Ext.QuickTips.init(); 当更新我的单行表单可编辑网格时，该网
浏览 0提问于2013-11-28得票数 0
1回答
具有数组属性的React / Redux / Pure组件在数组未更改时重新呈现
reactjs、optimization、redux
我有一个React / Redux应用程序，可以渲染PureComponents网格。我希望组件只在属性值改变时才重新渲染，但实际上所有组件都会在要存储的任何更新时重新渲染。Cell.js import React, { PureComponent } from "react";
import { connect }
浏览 7提问于2020-01-08得票数 1
回答已采纳
1回答
仅在网格中响应重新呈现更改的元素。
javascript、reactjs、redux、react-redux
我有一个矩形网格，其状态由redux管理。但是，当其中一个矩形的值被更新，例如，递增一个值时，整个网格将被重新呈现。我能说出这一点，因为我在渲染周期中随机生成了颜色，所有的方形颜色都发生了变化。但是，理想情况下，只有实际更新的方块才会重新呈现。
浏览 1提问于2017-09-10得票数 0
回答已采纳
1回答
Angular AG Grid对已编辑和未编辑的单元格呈现不同的单元格
angular、ag-grid
在我的Ag网格中，我有一个可编辑的列。默认情况下，我编写了一个渲染器，在这个单元格中显示一个按钮，上面写着“添加注释”。单击按钮时，我将切换到编辑模式。一旦用户更新了单元格，我希望使用不同的渲染器并显示编辑后的文本。我如何在angular ag-grid中实现这一点？我使用的是angular 6。
浏览 12提问于2019-04-03得票数 0
4回答
如何强制更新功能组件？
reactjs、redux
我正在学习redux，我想知道useSelector是如何更新组件的，因为组件没有自己的状态。
我知道useSelector()将组件订阅到存储区，当存储区更新时，组件也会更新。如何强制更新功能组件？
浏览 2提问于2020-12-14得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
