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

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

為什么我的圖像路徑在 React 中不起作用?

為什么我的圖像路徑在 React 中不起作用?

斯蒂芬大帝 2023-11-11 21:02:58
這是我的文件夾布局src                                   (folder)   images                             (folder)         alligators                   (folder)                  Alligator 1.svg     (svg file)   main.js                            (javascript file)這是我在 main.js 文件中的代碼行:    <img src={require("./images/alligators/Alligator 1.svg")} alt="alligator illustrator" />我沒有收到任何錯誤,我只是顯示了我的替代文本,但沒有顯示我的圖像。我的道路似乎有什么問題?我也只是嘗試了沒有“require”的 {} curly,但結果是相同的。我嘗試將 Alligator 1 重命名為不帶空格,但結果還是一樣。如果我的代碼是正確的,那么還有哪些其他可能的原因會發生這種情況?
查看完整描述

2 回答

?
BIG陽

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

更新代碼以導入圖像,然后在 src 中使用它,如下所示:

import alligator from './images/alligators/Alligator 1.svg';
...
<img src={alligator} alt="alligator illustrator" />

通過導入,您的文件將被存儲到其中alligator,然后可供 React 使用。然后 React 在你的 img 標簽中解析它。


查看完整回答
反對 回復 2023-11-11
?
白衣非少年

TA貢獻1155條經驗 獲得超0個贊

在react.js中,您可以將圖像放入公共文件夾(與src相同的目錄)中,然后使用默認路徑 ei 提供它:src="/image.svg"



查看完整回答
反對 回復 2023-11-11
  • 2 回答
  • 0 關注
  • 202 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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