React.js の React Router で画像パスの問題を解決するにはどうすればよいですか?

components
    file1.jsx
    file2.jsx
    file3.jsx
container
img
js 
... 

localhost/details/2
<img src="../img/myImage.png" /> <!-- works -->

localhost/details/2/id
<img src="../img/myImage.png" /> <!-- doesn't work --></p>
<p>ご覧のとおり、相対パスは最初のケースでは機能しますが、2 番目のケースでは機能しません。これは、相対パスがファイル アーキテクチャではなく URL に基づいて解決されるためです。</p>
<p>ルートに関係なく画像が正しく表示されるようにするには、解決策の 1 つは次の構文を使用して画像をインポートすることです。</p>
<pre class="brush:php;toolbar:false">import logo from './logo.png' // relative path to image 

class Nav extends Component { 
    render() { 
        return ( 
            <img src={logo} alt={&quot;logo&quot;}/> 
        )  
    }
}