最近在用create-react-app 腳手架搭建自己的個(gè)人博客，以為對(duì)React不熟悉蜈膨，所以在寫的時(shí)候遇到很多坑董朝，學(xué)習(xí)一們新語言就是從一個(gè)坑爬進(jìn)另一個(gè)坑，其中在添加背景圖片的時(shí)候需要記載本地圖片饼暑，不能用html加載圖片的方法，以為ES6不支持<img src="../images/photo.png"/>這樣的寫法；這樣寫加載不出來撵孤，所以在經(jīng)過百度之后總結(jié)了兩種方法：
1.向?qū)腩愐粯拥姆椒ò褕D片的位置直接導(dǎo)進(jìn)去：
import imgURL from '../../../src/img/aboutme-background.jpg';
在render的方法中調(diào)用：
render() {
return (
<div className = "about-backgroundImage" >
<img src={imgURL } />
</div>
);
}
2.就是像加載網(wǎng)頁中的圖片一樣來加載本地圖片迈着，直接在render方法中寫入
render() {
return (
<div className = "about-backgroundImage" >
<img src={require('../../../src/img/aboutme-background.jpg')} />
</div>
);
}
以上兩種方法都可以把本地圖片給加載出來⌒奥耄可供大家選擇裕菠。親測(cè)有效的哈。
