關於React的require添加動態變化的路徑

關於React的require添加動態變化的路徑

直接這樣寫顯然是不會有錯誤的

let path = require('../images/girl.png');

 

但是如果你嘗試着

var gg = "../images/headImg2.jng";

let headImg = require(gg);

 

那就真的gg了

會報錯

 

 

而require里的正確的格式必須是path

可以這么寫

var gg = "headImg2";

let headImg = require('../images/'+gg+'.jpg');

 

但問題就在於我們的圖片類型也是變化的呀 其實我才發現只要開頭是路徑就可以了 以上操作有點多此一舉

var gg = "headImg1.jpeg";

let headImg = require('../images/'+gg);

 

問題解決~