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

  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>