织梦网站地图生成,媒体发稿网站开发,推广策略包括哪些方面,做程序题的国外网站react hook 为循环出来的多个子组件添加ref 在React函数组件中#xff0c;可以使用useRef钩子来获取当前组件的标签#xff08;DOM元素#xff09;。 父组件 const details useState([{name:A},{name:B},{name:C}])const bodyRefs useRef({});// 把ref挂载在循环出来的子组…react hook 为循环出来的多个子组件添加ref 在React函数组件中可以使用useRef钩子来获取当前组件的标签DOM元素。 父组件 const details useState([{name:A},{name:B},{name:C}])const bodyRefs useRef({});// 把ref挂载在循环出来的子组件{details.map((e) (childComponents bodyRefs {bodyRefs}info{info}key{e.name} /))}子组件
// 拿到父组件给的bodyRefs 把每个子组件塞进去
div ref{ele bodyRefs.current[info.name] ele}
/最终获取到的bodyRefs
console.log(bodyRefs.current){A: ...对应绑定DOM元素B: ...对应绑定的DOM元素C: ...对应绑定的DOM元素
}使用
bodyRefs.current[${设置对应的name}]