react中 如何使用圖片

//render

第一種方法：先const一個對象，把需要應用圖片的dom上的style寫入對象中，

　　然后在return()中使用style關鍵字賦值為預先定義的那個style對象

const bgGround = {

    display:'block',

    height: '600px',

    width:'800px',

    background: `url( ${require("../image/notfound404.jpg")})`

}

return(

　　<div style = { bgGround }></div>

)

 

第二種方法：直接import imgUrl from "../image/notfound404.jpg"

　　然后return()中 直接使用img標簽，將url賦值為imgUrl 

 

import imgUrl from "../image/notfound404.jpg"

return(

    <img url = {imgUrl}/>

)