react組件中引用本地圖片

使用create-react-app腳手架寫項目，遇到一個問題react引用本地圖片。從JSON文件中，讀取圖片路徑地址，在前端渲染。可是在ES6中不支持中直接寫圖片路徑。

1.使用import引入

import img from '../assets/images/img.png'   //引入
<img src={img} />   //使用

複製代碼

2.使用require引入

<img src={require('../assets/images/img.png')} />
這種方式只可以使用路徑地址不可以使用變量。
複製代碼

3.加載所有圖片路徑

const requireContext = require.context("../assets/images",true, /^\.\/.*\.png$/);
const projectImgs = requireContext.keys().map(requireContext);
在渲染的時候遍歷這個數組，若是存在這個數據，就選擇渲染。
複製代碼