React中函数式组件：map循环，如何给每个元素建立ref

?

1 2 3 4 5 6 7 8 9 10 11 12 13

const giftsMapRef = useRef({})    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>                 })}             </div>