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

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

React.js 傳遞圖像鏈接不起作用

React.js 傳遞圖像鏈接不起作用

慕神8447489 2022-12-22 14:34:41
如前所述,我試圖傳遞來自互聯網的圖像鏈接。當我這樣做時,代碼不會報錯,但無法加載圖像:父組件:function App() {  return (    <div className="App">      <Header imgLink="https://i.ibb.co/Q6q5F3x/profile.png" />    </div>  );}子組件:const Header = (imgLink) => {    return(        <div className="header">            <img className="profile-pic" src={imgLink} alt="Profile Pic"/>        </div>    );}當我簡單地使用圖像鏈接作為 img src 而不是從父組件傳遞下來時,它會起作用;但我仍然希望它從父母那里傳下來。任何見解都會有所幫助!謝謝
查看完整描述

1 回答

?
烙印99

TA貢獻1829條經驗 獲得超13個贊

您需要銷毀 Header 組件中的參數。

const Header = ({imgLink}) =>

否則它只是一個道具對象:

const Header = (props) => {console.log(props.imgLink)}


查看完整回答
反對 回復 2022-12-22
  • 1 回答
  • 0 關注
  • 59 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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