3 回答

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超11個(gè)贊
使用這個(gè),它對(duì)我有用
<img src={require('./somRelativePath/image.jpg').default}
解釋 :
值 fromlet image1require('./somRelativePath/image.jpg')
不同于?import calendarPic from './somRelativePath/image.jpg';
如果您控制臺(tái)它們,則 value fromcalendarPic
是一個(gè)路徑,但如果您使用,則該值是一個(gè)像here這樣的require
對(duì)象。

TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超4個(gè)贊
我猜問(wèn)題是圖像的位置。當(dāng)您使用create-react-app
該應(yīng)用程序時(shí),該應(yīng)用程序?qū)⒈焕壍皆?code>public文件夾中。然后該require
語(yǔ)句將開(kāi)始獲取圖像 - 在本例中是相對(duì)于文件public
夾而不是相對(duì)于src
文件夾。
我建議您嘗試將圖像移動(dòng)到文件public
夾中,并嘗試使用src
相對(duì)于該public
文件夾的 URL。

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超2個(gè)贊
上面的答案都不適合我。require(path)相反,我在 tag外部使用img并將其分配給一個(gè)變量,然后在imgtag內(nèi)部使用該變量src。它就是這樣工作的。
const F = {
name: "Wei?",
image: require('./images/0453-Eastbourne-F961-F01.png')
}
圖像標(biāo)簽內(nèi):
src = { F.image }
添加回答
舉報(bào)