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

你可能也喜欢

3.1写一个简单的ROS通讯库

MVC设计模式和MVC架构的区别

年终总结有用吗?

编程原来如此简单

openjudge 1.7.20 删除单词后缀

Spring Boot Start之mqtt框架封装

Ubuntu14.04下基于nvidia-docker的Tensorflow深度学习环境搭建

tensorflow笔记【5】深度学习-自制数据集

Vs2015 Qt项目(Release版)输出至log方法

yii2框架-多语言版本切换(十三)

STM32CubeMX新建工程并点亮一个LED

Unity预制体Prefab及其实例化(Instantiate)

ORACLE EBS中F11使用的通配符

通过js修改元素html属性

getParameter()接收参数报错NullPointerException

List 去重的 6 种方法

剑指 Offer 11. 旋转数组的最小数字

实战教程:Spring Boot2.x整合kafka全过程

五折交叉验证划分数据集为训练集和验证集

SQLserver创建数据库和表

目录

  • 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
关闭菜单