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

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

如何從 React Img 組件獲取值

如何從 React Img 組件獲取值

侃侃無極 2024-01-11 14:11:27
我總是從“handleClickVideo”中的 console.log 中得到未定義的信息。如何正確地獲取點擊視頻的價值?我也嘗試過使用 div,但是 div 沒有 value 屬性。我以為 Img 做到了。const Videos = ({ videos }) => {const handleClickVideo = (event) => {    console.log(event.target.value)}return (    <>        <h2 className="title is-5">Videos</h2>        <div className="columns is-multiline">        <VideoModal             videoOpen={videoOpen}            setVideoClose={handleClickVideo}        />            {                videos.map((video, key) => {                    return (                        <div className="column is-one-third">                            <div className={styles.thumbnail}>                                <Img src={`https://img.youtube.com/vi/${video.link}/0.jpg`} onClick={handleClickVideo} value={video.link}/>                            </div>                            <p className={styles.videoTitle}>Green Book Official Trailer</p>                        </div>                    )                })            }        </div>    </>                )}
查看完整描述

1 回答

?
繁星淼淼

TA貢獻1775條經驗 獲得超11個贊

您正在撥打handleClickVideo電話VideoModal,但VideoModal沒有任何value,因此它將出現undefined在您的回調中


    <VideoModal 

        videoOpen={videoOpen}

        setVideoClose={handleClickVideo}

    />

您可以使回調函數接受一個值:


const handleClickVideo = (video) => {

    console.log(video)

}

然后更新你的渲染函數:


<VideoModal 

    videoOpen={videoOpen}

    setVideoClose={() => handleClickVideo(0)}

/>


<Img

    src={`https://img.youtube.com/vi/${video.link}/0.jpg`}

    onClick={()=>handleClickVideo(video.link)}

/>


查看完整回答
反對 回復 2024-01-11
  • 1 回答
  • 0 關注
  • 159 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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