亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

請教各位一個問題,求解答:React中map循環,如何給每個元素建立ref求指導!

請教各位一個問題,求解答:React中map循環,如何給每個元素建立ref求指導!

守候你守候我 2019-06-09 09:59:19
多個圖片數組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}/>})}
查看完整描述

2 回答

?
拉丁的傳說

TA貢獻1789條經驗 獲得超8個贊

單純獲取列表子節點的話,直接ref找到父元素就好了。。
classAppextendsComponent{
ulRef=createRef()
componentDidMount(){
console.log(this.ulRef.current.childNodes)
}
render(){
return(
{Array(10).fill(1).map((item,index)=>
  • {index}
  • )}
    );
    }
    }
                                
    查看完整回答
    反對 回復 2019-06-09
    ?
    臨摹微笑

    TA貢獻1982條經驗 獲得超2個贊

    用數組或者對象掛載就行了this.refs=[];或者this.refs={};
    {
    srcs.map((src,i)=>{
    constframeStyle={zIndex:99-i};
    returnthis.refs[i]=img}key={i}src={src}/>
    })
    }
                                
    查看完整回答
    反對 回復 2019-06-09
    • 2 回答
    • 0 關注
    • 1280 瀏覽
    慕課專欄
    更多

    添加回答

    了解更多

    舉報

    0/150
    提交
    取消
    微信客服

    購課補貼
    聯系客服咨詢優惠詳情

    幫助反饋 APP下載

    慕課網APP
    您的移動學習伙伴

    公眾號

    掃描二維碼
    關注慕課網微信公眾號