当前位置: 首页 > news >正文

[react+ts] useRef获取自定义组件dom或方法声明

想用useRef获取自定义组件?

如果获取dom,直接写

  const sonRef = useRef<HTMLDivElement>(null);

然后子组件用forwardRef包一层,注意是HTMLDivElement,别写错, 写HTMLElement不行

const Son = forwardRef<HTMLDivElement, IProps>((props, ref) => {})

切记这时Son不能写Son:React.FC了,不然报错

这时候可以打印dom了




那怎么拿子组件的方法呢? 先把 forwardRef第一个参数改为ref的类型

定义暴露的函数

  const handleClick = () => {setNum(8999);};useImperativeHandle(ref, () => {return {handleClick,};});

父组件也要改一下

这时候点一下就出来了

我直接打印sonRef.current试试

ok

相关文章:

[react+ts] useRef获取自定义组件dom或方法声明

想用useRef获取自定义组件? 如果获取dom,直接写 const sonRef useRef<HTMLDivElement>(null); 然后子组件用forwardRef包一层,注意是HTMLDivElement,别写错, 写HTMLElement不行 const Son forwardRef<HTMLDivElement, IProps>((props, ref) > {}) 切记这…...

AI 将在今年获得“永久记忆”,2028美国会耗尽能源储备

AI的“永久记忆”时代即将来临 谷歌前CEO施密特揭示了AI技术的前景&#xff0c;他相信即将在2025年迎来一场伟大的变化。AI将实现“永久记忆”&#xff0c;改变我们与科技的互动过程。施密特将现有的AI上下文窗口比作人类的短期记忆&#xff0c;难以持久保存信息。他的设想是…...

【视频笔记】基于PyTorch从零构建多模态(视觉)大模型 by Umar Jamil【持续更新】

视频链接: 基于PyTorch从零构建多模态(视觉)大模型 by Umar Jamil 从头编写一个视觉语言模型:PloyGamma,是谷歌的一个模型 1:原始图像 2:视觉编码器(本文是viT),通过对比学习进行训练。这个对比学习最开始是CLIP,后来被谷歌改成了SigLIP 3:线性投影层 4:如何将图…...

解决 C++ 中头文件相互引用和解耦问题

在 C 中&#xff0c;当多个 .h 文件相互引用时&#xff0c;可能会导致 循环依赖 或 头文件冗余 问题&#xff0c;进而引发编译时间延迟、代码复杂度增加等问题。为了有效地解耦和组织代码&#xff0c;可以采用以下几种策略和思想&#xff1a; 1. 前向声明&#xff08;Forward …...

河马剧场(短剧)APP的邀请码怎么填写

上篇给大家说到河马剧场免费看短剧还能领5.2元3天vip会员&#xff0c;本文就说一下河马剧场河马短剧APP的邀请码怎么填写。 河马短剧APP填写邀请码分三步&#xff1a; 1、安装登陆河马短剧APP 2、点击底部导航栏中间的“福利” 3、往下划会看到“填写邀请码领3天vip” 4、…...

01:C语言的本质

C语言的本质 1、ARM架构与汇编2、局部变量初始化与空间分配2.1、局部变量的初始化2.1、局部变量数组初始化 3、全局变量/静态变量初始化化与空间分配4、堆空间 1、ARM架构与汇编 ARM简要架构如下&#xff1a;CPU&#xff0c;ARM(能读能写)&#xff0c;Flash&#xff08;能读&a…...

第1章:数据库基础

第1章&#xff1a;数据库基础 1.1 数据库概述 1.1.1 什么是数据库 数据库的定义数据库的发展历程数据库的重要性 1.1.2 关系型数据库简介 关系型数据库模型常见的关系型数据库关系型数据库的特点 1.1.3 MySQL在企业中的应用 Web应用电商平台金融系统大数据存储 1.2 数据…...

C++教程 | string类的定义和初始化方法

在C中&#xff0c;string是标准库中用于处理字符串的类&#xff0c;定义在 头文件中&#xff0c;它提供了方便、灵活的字符串操作功能。以下是一些常见的定义和初始化string对象的方法&#xff1a; 1. 默认初始化 可以直接定义一个空的string对象&#xff0c;语法如下&#x…...

React中的合成事件

合成事件与原生事件 区别&#xff1a; 1. 命名不一样&#xff0c;原生用纯小写方式&#xff0c;react用小驼峰的方式 原生&#xff1a;onclick React的&#xff1a;onClick 2. 事件处理函数的写法不一样 原生的是传入一个字符串&#xff0c;react写法传入一个回调函数 3.…...

[SMARTFORMS] 创建FORM

输入事务码SMARTFORMS进入表单开发界面&#xff0c;选中表单&#xff0c;自定义表单名称ZFS_DEMO_2025 点击"创建"按钮&#xff0c;跳转至"SAP表格设计器"页面 在"表格属性"填写表单描述、指定页格式和样式 在"表格接口"可以填写SMART…...

成都和力九垠科技有限公司九垠赢系统Common存在任意文件上传漏洞

免责声明: 本文旨在提供有关特定漏洞的深入信息,帮助用户充分了解潜在的安全风险。发布此信息的目的在于提升网络安全意识和推动技术进步,未经授权访问系统、网络或应用程序,可能会导致法律责任或严重后果。因此,作者不对读者基于本文内容所采取的任何行为承担责任。读者在…...

基于Python的考研学习系统

作者&#xff1a;计算机学姐 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等&#xff0c;“文末源码”。 专栏推荐&#xff1a;前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码 精品专栏&#xff1a;…...

『SQLite』几种向表中插入数据的方法

向表中插入数据 INSERT INTO 语句用来给数据库中的某个表中新增数据行。 案例 直接根据基本语法插入数据插入时不用全部指定列名方式根据查询结果将数据插入另一张表中 注意 上述内容详讲见文章&#xff1a;SQLite的INSERT操作&#xff08;内含案例&#xff09;...

什么是Kafka的重平衡机制?

Kafka 的重平衛机制是指在消费者组中新增或删除消费者时&#xff0c;Kafka 集群会重新分配主题分区给各个消费者&#xff0c;以保证每个消费者消费的分区数量尽可能均衡。 重平衡机制的目的是实现消费者的负载均衡和高可用性&#xff0c;以确保每个消费者都能够按照预期的方式…...

pdf预览 报:Failed to load module script

pdf 预览报&#xff1a; Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “application/octet-stream”. Strict MIME type checking is enforced for module scripts per HTML spec. 报错原因&#xff1a…...

AI 角色扮演法的深度剖析与实践

&#x1f4e2;&#x1f4e2;&#x1f4e2; 大家好&#xff0c;我是云楼Yunlord&#xff0c;CSDN博客之星人工智能领域前三名&#xff0c;多年人工智能学习工作经验&#xff0c;一位兴趣稀奇古怪的【人工智能领域博主】&#xff01;&#xff01;&#xff01;&#x1f61c;&#…...

weblogic问题

安装weblogic单机后启动weblogic进程&#xff1a; 第一行&#xff1a; 这是一个 su 命令&#xff0c;用于切换到 weblogic 用户。 第二行&#xff1a; 这是 weblogic 用户的 bash shell 会话。 第三行&#xff1a; 这是启动 WebLogic 服务器的脚本。 第四行&#xff1a; 这是 …...

Qt仿音乐播放器:客户端唯一化

一、铺垫 1.我们采用共享内存来进行客户端的唯一化&#xff1b; 2.我刚看到的时候&#xff0c;就感觉&#xff0c;这是人想出来的吗&#xff1f;太绝了 二、实例 int main(int argc, char *argv[]) {QApplication a(argc, argv);QSharedMemory shareMemory("Widget&qu…...

ceph文件系统

ceph文件系统&#xff1a;高度可扩展&#xff0c;分布式的存储文件系统&#xff0c;旨在提高性能&#xff0c;高可靠性和高可用的对 象存储&#xff0c;块存储&#xff0c;文件系统的存储。使用分布式的算法保证数据的高可用和一致性。 ceph的组件 1、MON&#xff1a;ceph m…...

【数据结构-堆】力扣2530. 执行 K 次操作后的最大分数

给你一个下标从 0 开始的整数数组 nums 和一个整数 k 。你的 起始分数 为 0 。 在一步 操作 中&#xff1a; 选出一个满足 0 < i < nums.length 的下标 i &#xff0c; 将你的 分数 增加 nums[i] &#xff0c;并且 将 nums[i] 替换为 ceil(nums[i] / 3) 。 返回在 恰好…...

LSTM计算

...

10年老兵带你学Java(第0课):学前必知

Java是什么&#xff1f; Java是一门编程语言&#xff0c;1995年诞生&#xff0c;到现在30年了&#xff0c;依然是全球最流行的语言之一。 打个比方&#xff1a; C语言像手动挡汽车&#xff0c;性能强但难开Python像自动挡汽车&#xff0c;好开但不够快Java像卡车&#xff0c;能…...

【AGI协作革命白皮书】:20年AI架构师亲授人类与通用人工智能协同进化的7大黄金法则

第一章&#xff1a;AGI与人类协同进化的范式跃迁 2026奇点智能技术大会(https://ml-summit.org) 传统人机关系正经历根本性重构&#xff1a;AGI不再仅作为工具被调用&#xff0c;而是以认知协作者身份嵌入科研、教育、创意与决策闭环。这种转变并非性能量变&#xff0c;而是交…...

Windows变身AirPlay 2接收器:三步实现iPhone投屏Windows的终极指南

Windows变身AirPlay 2接收器&#xff1a;三步实现iPhone投屏Windows的终极指南 【免费下载链接】airplay2-win Airplay2 for windows 项目地址: https://gitcode.com/gh_mirrors/ai/airplay2-win 还在为Windows电脑无法接收iPhone、iPad投屏而烦恼吗&#xff1f;Airplay…...

STM32步进电机控制实战:从GPIO模拟到定时器主从与编码器闭环的代码实现与选型指南(基于TB6600/DRV8825)

1. 步进电机控制方案选型指南 刚接触步进电机控制时&#xff0c;最让人头疼的就是选择哪种控制方式。我在做第一个3D打印机项目时&#xff0c;就曾在这个问题上纠结了很久。现在回头看&#xff0c;其实每种方案都有其适用场景&#xff0c;关键是要理解它们的优缺点。 GPIO模拟是…...

生成式AI推理服务扩缩容失效案例分析与解决方案(GPU利用率低于12%却持续扩容的底层逻辑)

第一章&#xff1a;生成式AI推理服务扩缩容失效案例分析与解决方案&#xff08;GPU利用率低于12%却持续扩容的底层逻辑&#xff09; 2026奇点智能技术大会(https://ml-summit.org) 在真实生产环境中&#xff0c;某大模型推理服务集群频繁触发水平自动扩缩容&#xff08;HPA&a…...

Ubuntu 22.04 LTS 服务器部署 R 与 RStudio Server 全栈指南

1. 为什么选择Ubuntu 22.04 LTS部署R环境&#xff1f; 作为一个长期和数据打交道的科研工作者&#xff0c;我深刻理解在服务器上搭建稳定R环境的重要性。去年接手一个单细胞转录组项目时&#xff0c;本地16GB内存的电脑跑分析直接卡死&#xff0c;这才意识到必须上服务器。Ubu…...

三步实现Windows接收iPhone投屏:AirPlay2-Win完整使用指南

三步实现Windows接收iPhone投屏&#xff1a;AirPlay2-Win完整使用指南 【免费下载链接】airplay2-win Airplay2 for windows 项目地址: https://gitcode.com/gh_mirrors/ai/airplay2-win 还在为Windows电脑无法接收iPhone或iPad的屏幕镜像而烦恼吗&#xff1f;AirPlay2-…...

C++数据成员指针

class Data1 { public:int a;char b; };int Data1:: * aa &Data1::a; 这行代码定义了一个指向 Data1 类中 int 类型成员变量的指针 aa&#xff0c;并将其初始化为指向成员 a。 int Data1::* 是指向 Data1 类中 int 类型数据成员的指针类型。aa 是指针变量的名字。&Dat…...

BilldDesk Pro:重新定义开源远程桌面的3大技术突破与实战应用

BilldDesk Pro&#xff1a;重新定义开源远程桌面的3大技术突破与实战应用 【免费下载链接】billd-desk 基于Vue3 WebRTC Nodejs Flutter搭建的远程桌面控制、游戏串流 项目地址: https://gitcode.com/gh_mirrors/bi/billd-desk 在远程办公、IT运维和跨设备协作日益普…...