如何導入圖片在同一目錄

Question

import React from 'react'; 
import image from './picture.jpg'; 

export class NavBar extends React.Component { 
    render() { 

    return (
     <img src = {image}/> 
    ) 
} 

}

ERROR in ./dev/js/picture.jpg 
Module parse failed: D:\App\Webstrome\programs\Project1\dev\js\picture.jpg Unexpected character '�' (1:0) 
You may need an appropriate loader to handle this file type. 
SyntaxError: Unexpected character '�' (1:0) 

我試圖導入圖片是在同一目錄中，但我得到了上述錯誤。有人能告訴我如何解決它嗎？

Answer 1

你並不需要導入一個圖像文件，它會加載在HTTP瀏覽器：

import React from 'react' 

export default class NavBar extends React.Component { 
    render() { 

     return (
      <img src="/picture.jpg" /> 
     ) 
    } 
}