容器和子组件的重新渲染行为
我有以下数据结构：
在减速器中的水果：[苹果：4，梨：3，香蕉：5]。 使用 reduxToolkit 我已经定义了 getFruitsQuery 和 getFruitQuery(id) 还有一个水果突变。
现在，在渲染方面，我有一个列表组件，它使用水果减速器作为数据源，并且列表的每个元素本身就是一个组件。
我遇到的最大问题是，当我触发单个水果的突变时，整个列表（包含所有子元素）都会重新渲染。 有没有更有效的方法来处理这个问题以避免所有这些重新渲染？
I have the following data structure:
fruits: [apple:4,pear:3,banana:5] in a reducer.
With reduxToolkit I've definited both a getFruitsQuery and a getFruitQuery(id)
There is also a FruitMutation.
Now, on the rendering side, I have a list component that uses as datasource the fruits reducers, and each element of the list is a component in itself.
The biggest problem that I have is that, when I trigger a mutation on a single fruit, the entire list (with all the subelement) gets re-rendered.
Is there a more efficient way to handle this to avoid all those re-renders ?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论