const giftRef = (ele:HTMLElement, giftId:number) => { giftsMapRef.current[ 'gift-'+giftId] = ele; <div className='gift-config-list'> { !!giftsConfigList.length && giftsConfigList.map((item) => { const {giftId} = item return validGifts && <GiftItem ref={(ele:HTMLElement, i:number) => giftRef(ele, giftId)} {...item} key={giftId} locked={!validGifts[giftId]} ></GiftItem>