即使复制状态，react状态钩子也不会在排序时进行更新
即使复制状态，React状态钩子也不会在排序时进行更新。在React中，状态钩子是用来管理组件的状态的一种机制。当组件的状态发生变化时，React会自动重新渲染组件，并更新相应的DOM。
在排序操作中，如果我们使用了状态钩子来管理数据的状态，例如useState钩子，当我们对数据进行排序时，实际上是对原始数据进行操作，而不是对状态钩子中的数据进行操作。因此，即使我们复制了状态钩子中的数据，排序操作也不会触发状态钩子的更新。
这是因为React使用了虚拟DOM的概念，它会比较前后两次渲染的虚拟DOM树的差异，并只更新发生变化的部分。在排序操作中，由于状态钩子中的数据没有发生变化，React不会重新渲染组件，因此状态钩子也不会进行更新。
如果我们希望在排序操作时更新状态钩子，可以采取以下方法之一：
- 在排序操作后手动调用状态钩子的更新函数，例如useState钩子的setState函数，来更新状态钩子中的数据。
- 使用其他的状态管理工具，例如Redux或MobX，来管理数据的状态。这些工具提供了更灵活的状态管理机制，可以在排序操作时进行更新。
总结起来，即使复制状态，React状态钩子也不会在排序时进行更新。如果需要在排序操作时更新状态钩子，可以手动调用更新函数或使用其他的状态管理工具来实现。
相关·内容
copiedData.sort((a: any, b: any) => a.fullName > b.fullName && b); }
如果我记录日志，日志显示正确，但即使复制data，也不会在我调用setData时导致dom重新呈现。
浏览 13提问于2021-05-30得票数 0
import React, { useState, useEffect } from "react";
console.log("render foo")setValue(value)}>Click To Render</button> );现在根据的说法
如果您将state更新为与当前状态相同的值，则<e
浏览 1提问于2020-06-15得票数 1
回答已采纳
我在我的React应用程序中使用Apollo进行本地状态管理。我也在使用react-cookie (它在内部依赖于react钩子)。cache.writeData ({data: {isAuthenticated: false}})
} 问题是，因为我是在组件之外执行此操作，所以我无法使用useCookies，因此我的组件永远不会得到已被删除的更新我真的不想在将状态逻辑放入解析器和使用React钩子
浏览 9提问于2019-10-08得票数 0
回答已采纳
在那里，我使用useEffect使我的组件中的状态保持更新。每当我挂载它们时，我都会发出API请求并显示更新后的状态。
我现在正在为React Native和使用React导航进行开发。阅读React导航文档，我看到他们有一个useFocusEffect钩子，每次屏幕回到焦点时都会调用这个钩子。然而，他们的钩子似乎有一个很大的样板，可以在我需要始终获取更新数据的每个屏幕上复
浏览 4提问于2020-11-21得票数 1
当变量‘UseState’发生变化时如何更新matchUrl()。当导航到另一条路由时，“matchUrl”值会发生变化。这些更改反映在console.log和'h1‘标签上。import React, {useState} from 'react'
import useInfinityScroll from '.
浏览 1提问于2021-08-19得票数 1
回答已采纳
1回答
我的代码是：import { useEffect } from 'react';
import { useState } from 'react'
浏览 8提问于2022-09-17得票数 1
回答已采纳
我需要进行状态更新并使用它。我尝试了几种方法，如果我在发出请求并返回响应后打印dropOffCoordinates，即使使用.then()，也不会更新状态。我试着让setDropOffCoordinates()内置useEffect钩子，但它没有正常工作。import React, { useState, useEffect, useContext, useRef } from "react";
浏览 3提问于2020-04-01得票数 0
回答已采纳
1回答
我已经使用了一段时间的React，但是在调试组件和存储之间交互的"connect“时总是有一个问题。MainPage);
222 // perform a heavy task...如果我在第113行上放置一个断点，即使我没有对组件进行任何更改我还发现，在我的调用堆栈中，有一些订阅触发了连接(MapStateToProps)，这是否意味着场景背后的反应--redux使用某种订阅或承诺来执行轮询以维护状态？
浏览 3提问于2020-07-10得票数 1
回答已采纳
import React from "react";
let time = new Date().toLocaleTimeString();
time = new Date().toLocaleTimeStringTime}</h1>
<button onClick={getTime}>
浏览 76提问于2020-07-29得票数 0
在function 16的useState()钩子官方文档中，count状态及其setter函数声明为：在提供的中。我的疑问是，为什么他们使用const作为状态变量，其值可以更改？
浏览 3提问于2019-12-18得票数 0
回答已采纳
在我的react本地App.js文件中const [initialRoute, setInitialRoute] = useState('AuthChoice');
浏览 0提问于2021-10-12得票数 0
2回答
);
setA(false);我有两个问题：
1)是否会创建一个无限循环(如果我使用的是与依赖相同的状态2)如果我在useEffect代码的中间中设置状态，组件将立即重新呈现，那么如果组件在useEffect中呈现之前，其余的代码什么时候会执行呢？setA(false)什么时候会发生？
浏览 5提问于2022-05-29得票数 0
回答已采纳
}, setLineCord((prev) => []) }
基本上，当我调用这个函数时，我向数组LineCord添加了两个新元素，该数组被定义为组件状态下的变量问题是，if语句中的代码不会在setLineCord之后执行，因为react钩子是异步运行的，所以当我检查它的长度时，即使我添加了两个新元素(x和y)，它仍然小于2。我尝试过的一种解决方案是使用react useEffect并将LineCord设置为依赖项。这工作得很好，但我想
浏览 12提问于2021-05-24得票数 1
回答已采纳
我正在尝试访问包含在useRef中的函数中的function状态。但是，即使使用绑定到App以访问状态的助手函数，状态也不会在useRef函数中更新。getCount inside is still 0, even though count now equals 1getCount inside 0
import React, { useState, useRef } from 'react</
浏览 1提问于2022-07-09得票数 0
回答已采纳
当我最初学习React时，总是被告知将、everything、放在this.state中。不管是一些经常更新的数据，还是一些根本不更新的数据。但是，在实现React时，即使状态不更新，我也不确定应该使用useState多久一次。第二个状态是永远不会更新的formSchema。最后，第三种状态是每个输入的参考，这些输入也将永远不会被更新。我的问题是：是更有意义的只有
浏览 0提问于2019-05-28得票数 1
回答已采纳
JSON格式的数据转换也能工作，但我很难将它集成到"componentDidMount“中，以便用转换后的JSON格式设置状态。当我console.log(this.state.races)时，我得到了一个未定义的状态。RacesViz data= {this.state.races.raceId} /> }
我也尝试过
浏览 0提问于2018-08-13得票数 0
1回答
另外，一旦设置了setState，我的表映射是否会相应地更新？ handleSubmit函数中的console.log始终为空，并且没有任何映射。下面是我的代码： import { useQuery, gql } from "@apollo/client"; </tbody> </d
浏览 21提问于2021-08-06得票数 1
回答已采纳
我张贴了这个问题的反应钩子形式的问题，但也考虑在这里张贴，以防有人找到解决办法。进入此CSB Enter Enter单击Next 不要填写地址，单击Next以触发错误<code>H 114<&
浏览 20提问于2022-08-03得票数 1
1回答
我试图使用context api创建一个全局状态。我遇到了意想不到的事。我学到的是，当创建上下文时，它有一个提供程序，它将环绕那些需要数据的组件，当值发生变化时，提供程序将重新复制所有包装好的组件，对吗？</div>}应用程序登录ran
登录ran
我感兴趣的是
浏览 1提问于2022-05-01得票数 1
回答已采纳
我试图改变状态，而不需要重新加载整个应用程序。由于某些原因，这种情况没有发生，而且当我设置一个对象的状态时，它甚至没有传递到特定的组件，那么该组件就会无缘无故地更新。setMessage({})}> </button> )}如何确保唯一具有message支柱的组件得到更新，而没有其他组件重新更新？
浏览 0提问于2019-05-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
