react踩坑
在做react專案時，總會遇到一些報錯，下面說說我踩過的坑：
1、在搭建react腳手架，安裝好路由，專案正常執行後，想安裝axios來獲取伺服器API介面資料。
在我運行了npm install axios --save之後，執行npm start專案報錯，都是一些can not find module...
在百度上百度了要刪除node_modules檔案，再重新執行npm i，結果還是不行。
最後找到解決辦法是：先刪除node_modules，再刪除package-lock.json，注意不是package.json，別刪錯了，然後執行npm i，最後執行npm start，成功執行。
2.es6不支援在<img />標籤內直接寫圖片的路徑，即：
<img src="../images/photo.png"/>
我最開始在webstorm打img然後按enter鍵，出來了：<img src="" alt=""/>，然後我採用require方法引入圖片：
<img src=“{require('../assets/images/1.jpg')}” alt=""/>
結果圖片顯示不出來，檢查一下，需要把"src="後面的雙引號去掉方可。
（1）多圖片，並且圖片不大，且知道圖片的順序情況下，可以按照下面寫：
[
{
"name":'img1'
"img":"img1",
"url":""
},
{
"name":"img2",
"img":"img2",
"url":""
},
{
"name":"img3",
"img":"img3",
"url":""
}
]
import img1 from'./../images/img1.png';
import img2 from'./../images/img2.png';
import img3 from'./../images/img3.png';
const imgsArr = [img1,img2,img3];
render(){
return(
<div>
{
imgsArr.map(function(name){
return(
<img src={name} />
)
})
}
</div>
)
}