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

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

ReactJS 從項目加載圖片,不工作

ReactJS 從項目加載圖片,不工作

翻過高山走不出你 2022-06-09 17:21:23
我遇到了一個我無法解決的簡單問題,我得到了一個“數組”,其中包含和“數組”,我想在其中顯示第一張圖片,繼承人的代碼:                        {Skills.map((item, index) =>                             <Window key={index} className="col-md-3 m-2 ">                                <CardFrame className="cardFrame-max cardFrame-size-md">                                    <div className="row justify-items-center">                                        <div className="col-8 offset-2">                                            <p className="battle-shonen-color">{"Skill Name: " + item.name}</p>                                            <img src={require('../../' + item.effects[0].icon)}></img>                                            <p className="battle-shonen-color">{"Skill Shortcode: " + item.shortcode}</p>                                            <p className="battle-shonen-color">{"Skill Description: " + item.quote}</p>                                        </div>                                    </div>                                </CardFrame>                             </Window>                        )}它在它向我顯示錯誤的標簽處:“錯誤:找不到模塊'./resources/img/icon/effects/Damage.png'”,所以它確實加載了保存在數組中的字符串,但沒有在前面添加'../../'
查看完整描述

3 回答

?
慕田峪4524236

TA貢獻1875條經驗 獲得超5個贊

你能這樣試試嗎


 {Skills.map((item, index) => 

                            <Window key={index} className="col-md-3 m-2 ">

                                <CardFrame className="cardFrame-max cardFrame-size-md">

                                    <div className="row justify-items-center">

                                        <div className="col-8 offset-2">

                                            <p className="battle-shonen-color">{"Skill Name: " + item.name}</p>

                                            <img src={require(`../../${item.effects[0].icon}`)}></img>

                                            <p className="battle-shonen-color">{"Skill Shortcode: " + item.shortcode}</p>

                                            <p className="battle-shonen-color">{"Skill Description: " + item.quote}</p>

                                        </div>

                                    </div>

                                </CardFrame> 

                            </Window>

                        )}

 Run code snippet


查看完整回答
反對 回復 2022-06-09
?
幕布斯6054654

TA貢獻1876條經驗 獲得超7個贊

在您的項目文件中導入您的圖像。例如:


import ImageName from '../../whatever.jpg';

并在您的項目數組中使用它。


[

  {

    icon: ImageName

  }

]


查看完整回答
反對 回復 2022-06-09
?
慕的地6264312

TA貢獻1817條經驗 獲得超6個贊

    {require(`../../${item.effects[0].icon}`)}



查看完整回答
反對 回復 2022-06-09
  • 3 回答
  • 0 關注
  • 147 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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