Skip to content
小飞侠
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
菜单

博客

  1. 首页>
  2. 其他>
  3. React如何给列表的每个子项设置ref?

React如何给列表的每个子项设置ref?

  • Post author:xfxia
  • Post published:2023年9月18日
  • Post category:其他


const Demo = () => {
    const refList = useRef([]);
    return (
        <>
            {arr.map((item, idx) => (<A ref={node => { refList.current[idx] = node }} />))}
        </>
    )
}
//点击事件里拿到每个ref
const handleEdit = (index,item) => {
  refList.current[index].focus({
    cursor: 'end',
  });
}



版权声明:本文为weixin_45644355原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/weixin_45644355/article/details/127675571

你可能也喜欢

go语言运行未找到包2

莫比乌斯变换及逆变换

$nextTick和setTimeout区别(宏任务微任务)

[bzoj4562][Haoi2016]食物链_记忆化搜索_动态规划

js 三目运算符

JS DOM

玩转django2.0

Docker本地仓库的创建方法

【springboot】springboot学习笔记day09

Ubuntu 安装 uWSGI

图像傅里叶变换–OpenCV

基于MATLAB GUI简单登录系统设计

7个实用的CSS background-image小技巧

pid,ppid,pgid,sid,tpgid,tty,pipeline,&

爬虫入门第4课:定义代理IP的数据模型类

强化学习(三):时序差分学习(Temporal-Difference Learning, TD)

C#操作SQL Server数据库

Ajax传输数据加密

Spark依赖关系与Stage划分简介

高性能tcp服务器框架,TCP 接口服务框架 – C# 高性能自动化服务端框架 – 凹凸架构…

目录

  • APICloud (3)
  • golang (228)
  • java (8,236)
  • linux (4,002)
  • mysql (2,800)
  • php (1,070)
  • python (5,439)
  • solidity (25)
  • uniapp (235)
  • vue (2,463)
  • 其他 (88,233)
  • 小程序 (801)

文章归档

  • 2023年十二月 (1872)
  • 2023年十一月 (477)
  • 2023年十月 (17371)
  • 2023年九月 (44974)
  • 2023年八月 (26399)
  • 2023年七月 (14793)
  • 2023年六月 (1)
  • 2023年五月 (2186)
  • 2023年四月 (3838)
  • 2023年三月 (1544)
  • 2023年二月 (3)
  • 2023年一月 (4)
  • 2022年十二月 (3)
  • 2022年十一月 (36)
  • 2022年十月 (16)
  • 2022年九月 (8)
  • 2021年九月 (1)
  • 2020年九月 (6)
  • 2020年八月 (5)

标签

Aave (1) cosmos (6) defi (255) flag (27) gitee (1) github (1) golang (234) java (8234) linux命令 (82) List (1) map (1115) mysql (3093) npm (237) tendermint (6) uuid (43) vant (64) vmware (270) 区块链 (63) 合约 (37) 小程序版本更新 (3)
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
Copyright xfxia.com 鲁ICP备19024253号-2
关闭菜单