有没有童鞋遇到过同样的问题：React中map循环，如何给每个元素建立ref求指导！

Question

多个图片数组map，需要给每个图片加上ref，这样之后好控制ref正常的写法是this.inputElement=input)/>但是我这边是动态的，之后需要获取每个图片来控制，想问下有什么好一点的办法呢？下图时我想写的，但是不行//函数imgRef(ele:HTMLElement,index:number){this['ele'+index]=ele;}//render里的渲染{srcs.map((src,i)=>{constframeStyle={zIndex:99-i};returnthis.imgRef(ele,i)}key={i}src={src}/>})}

Answer 1

单纯获取列表子节点的话，直接ref找到父元素就好了。。
classAppextendsComponent{
ulRef=createRef()
componentDidMount(){
console.log(this.ulRef.current.childNodes)
}
render(){
return(
{Array(10).fill(1).map((item,index)=>
{index}
)}

Answer 2

用数组或者对象挂载就行了this.refs=[];或者this.refs={};
{
srcs.map((src,i)=>{
constframeStyle={zIndex:99-i};
returnthis.refs[i]=img}key={i}src={src}/>
})
}