Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >这在刷新时在useEffect中不起作用,但是当我做任何更改并重新呈现时,它就能工作了。

这在刷新时在useEffect中不起作用,但是当我做任何更改并重新呈现时,它就能工作了。
EN

Stack Overflow用户
提问于 2022-05-18 00:43:07
回答 1查看 73关注 0票数 0

我在练手风琴。当我第一次访问网站或刷新时。我的手风琴根本没用。但是在开发过程中,当我对useEffect做任何更改时,就会重新呈现它。它开始正常工作了。例如,在开发过程中,如果我在localhost上打开站点,如果我在useEffect中添加了注释,那么它就开始工作了。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  useEffect(() => {
    const accordins = document.querySelectorAll('.accordings .item');
    console.log("asdf");
    for (let i=0;i<accordins.length;i++) {
      accordins[i].addEventListener('click',function(){
      
       let allactive = document.querySelectorAll('.accordings .item.active');
       for(let j=0;j<allactive.length;j++){
         if(allactive[j] !== accordins[i]) {
           allactive[j].classList.remove('active');
         }
       }
        this.classList.toggle("active");

      })
      }
   
  }, [])
EN

回答 1

Stack Overflow用户

发布于 2022-05-18 06:06:39

请阅读效果钩子的文档:https://reactjs.org/docs/hooks-effect.html,钩子(带有[]条件)只像componentDidMount一样执行,这与组件确实呈现不一样。这意味着,您正在搜索的实体很可能尚未呈现。

我建议看一看useLayoutEffect (https://reactjs.org/docs/hooks-reference.html#uselayouteffect),它是在所有DOM突变之后触发的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72285899

复制
相关文章
在 request 之间共享 SecurityContext
既然 SecurityContext 是存放在 ThreadLocal 中的,而且在每次权限鉴定的时候都是从 ThreadLocal 中获取 SecurityContext 中对应的 Authentication 所拥有的权限,并且不同的 request 是不同的线程,为什么每次都可以从 ThreadLocal 中获取到当前用户对应的 SecurityContext 呢?
johnhuster的分享
2022/03/28
6900
几种在多台云服务器之间共享数据的方法
在我们日常的运维工作中,经常会涉及到需要在多台云服务器之间共享数据的情况。如果都在同一个局域网,那么使用 SMB/CIFS、NFS 等文件级共享协议就可以。但要是服务器都在云上,位于不同的可用区,或是分布在不同的云平台上,这种情况下共享数据就会存在一定的难度。
谈笑有Herald
2021/07/29
7.5K0
几种在多台云服务器之间共享数据的方法
服务器之间挂载共享磁盘目录
需要的安装包 链接:https://pan.baidu.com/s/1YZlt4Ub_4muYQ0HTuFvJtg 提取码:333q
857技术社区
2022/05/17
2.8K0
Web安全(二)---跨域资源共享
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。
Autooooooo
2020/11/07
7490
Web漏洞 | CORS跨域资源共享漏洞
有关于浏览器的同源策略和如何跨域获取资源,传送门 -->浏览器同源策略和跨域的实现方法
Gcow安全团队
2020/03/19
8K0
Web漏洞 | CORS跨域资源共享漏洞
Web漏洞 | CORS跨域资源共享漏洞
有关于浏览器的同源策略和如何跨域获取资源,传送门 -->浏览器同源策略和跨域的实现方法
谢公子
2022/01/19
1.3K0
Web漏洞 | CORS跨域资源共享漏洞
【SVN】SVN服务器搭建,客户端使用,在VS Code 中使用SVN
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/161781.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/09
3.4K0
【SVN】SVN服务器搭建,客户端使用,在VS Code 中使用SVN
在OpenOffice.org和微软Office之间共享文档
原文:Sharing files between OpenOffice.org and Microsoft Office。翻译可能也比较随意。 本文版权请向原文网站及原作者咨询。仅在已经获取原文使用权的情况下,以下文字可自由使用。本翻译未获原网站或原作者授权。 要用OpenOffice.org,不可避免的问题之一就是如何同MS Office共享文档。有些人可不想这么做,他们会建设使用HTML/PDF/RTF来共享,但这仍然不是长久之计,特别是你的老板用MS Office的时候。其实这件事不难,只要搞明白什么
张善友
2018/01/29
2.7K0
cmake:在各级子项目(目录)之间共享变量
项目目录结构如下图,facedetect和facefeature都要用到opencl中的include文件,1.2,2.0,2.1是不同的opencl版本的头文件,希望在cmake创建Makefile时,opencl文件夹下的CMakeLists.txt能定义类似INCLUDE_OPENCL_1_2,INCLUDE_OPENCL_2_0,INCLUDE_OPENCL_2_1,这样的变量,以保存不同版本的opencl 头文件位置,最后关键是能让项目中其他子目录的CMakeList.txt能使用这些变量。
10km
2022/05/07
1.9K0
使用rdesktop来在Windows和Linux之间共享数据
rdesktop是一个开源的远程桌面客户端,用来从Linux机器连接到Windows机器。它遵循RDP协议(Remote Desktop Protocol),并且操作简洁,功能比较完备。
王云峰
2019/12/25
4.6K0
跨域资源共享(CORS)在ASP.NET Web API中是如何实现的?
在《通过扩展让ASP.NET Web API支持W3C的CORS规范》中,我们通过自定义的HttpMessageHandler自行为ASP.NET Web API实现了针对CORS的支持,实际上ASP.NET Web API自身也是这么做的,该自定义HttpMessageHandler就是System.Web.Http.Cors.CorsMessageHandler。 1: public class CorsMessageHandler : DelegatingHandler 2: {
蒋金楠
2018/01/15
2.5K0
跨域资源共享(CORS)在ASP.NET Web API中是如何实现的?
web服务器集群(多台web服务器)后session如何同步和共享
在访问量上去以后,很多人会采用web集群的方式在满足逐渐增长的用户量。这时候就不得不面对一个问题,那就是在多个服务器下,每次请求都会因为负载均衡而分配到不同的服务器上。用户在登录服务器后,下一次请求被分配到另一个服务器上,这时候session不同步,用户就无法继续使用原先的session。下面我就聊聊如何解决这个问题。
wuweixiang
2018/08/14
3.2K0
linux svn服务器搭建和配置_如何搭建web服务器
执行后,自动建立repositories库,查看/opt/svn/repositories文件夹包含了conf,db,format,hooks,locks,README.txt等文件,说明一个SVN库已经建立。
全栈程序员站长
2022/11/07
13.6K0
linux svn服务器搭建和配置_如何搭建web服务器
SVN服务器备份_svn服务器迁移
SVN数据备份、还原、适用情况、部分异常处理等介绍。备份方式主要有hotcopy、dump以及svnsync三种方式。三类备份方式各有优劣,根据自身情况及需求选择即可。
全栈程序员站长
2022/11/11
6.4K0
SVN服务器备份_svn服务器迁移
Linux - 资源共享
配置网络 IPADDR=192.168.100.10 PREFIX=24 GATEWAY=192.168.100.2 DNS1=114.114.114.114 关闭SELINUX vim /etc/selinux/config setenforce 0 查询安装的软件包 rpm -qa|grep nfs rpm -qa|grep rpc #或者 yum list installed | grep nfs 启动nfs服务 systemctl start nfs systemctl enable nfs
kenvie
2022/01/20
2.6K0
使用 Nginx 搭建静态资源 web 服务器
在搭建网站的时候,往往会加载很多的图片,如果都从 Tomcat 服务器来获取静态资源,这样会增加服务器的负载,使得服务器运行 速度非常慢,这时可以使用 Nginx 服务器来加载这些静态资源,这样就可以实现负载均衡,为 Tomcat 服务器减压了。这篇文章,我们将一起去使用 Nginx 去搭建静态资源 web 服务器。
武培轩
2019/11/04
1.6K0
使用 Nginx 搭建静态资源 web 服务器
SVN—SVN服务器搭建和使用[通俗易懂]
本系列会总结一些svn和git的安装和使用,以及最后svn的项目如何迁移到git上,整个系列会持续输出。 要学习svn,那么首先开始搭建svn服务器和客户端。 下面要讲的有:
全栈程序员站长
2022/07/19
4.2K0
centos搭建svn 服务器 并同步到web 目录(总结)
进入/var/svn/project/hooks下,建立post-commit文件:
全栈程序员站长
2022/07/08
5970
centos搭建svn 服务器 并同步到web 目录(总结)
MongoDB在信息资源共享建设的应用实践
本文来自获得《2021MongoDB技术实践与应用案例征集活动》入围案例奖作品 作者:张先明 1. 背景介绍 成立于上个世纪 50 年代,有 60 多年历史的某中心(以下简称“中心”)所提供服务的属性是软科学;中心服务提供的产品是大量面向专业的,高质量的专业技术报告。如何更好的利用这些海量的文献以促进工作发展,是一个中心要面对的问题。  为此,信息化部门开始着手建设“信息资源共享系统”(以下简称“系统”)。系统的建设目 标与意义是:  在单位内部,开展不同部门之间的信息资源的共用,以便达到合理的资源配置;
MongoDB中文社区
2022/03/04
4550
使用Bitfusion在K8s上共享GPU资源
注:微信公众号不按照时间排序,请关注公众号“亨利笔记”,并加星标以置顶,以免错过更新。
Henry Zhang
2021/08/05
1.8K1

相似问题

Windows web服务器之间共享存储的最佳实践?

50

在Terraform工作区之间共享AWS网关资源?

10

虚拟机之间共享资源

20

两个Web服务器之间的共享文件夹

10

在服务器之间划分web流量

50
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文