如何从React中的组件确定公共文件夹中<img>的src？

Question

任何人都可以帮助我告诉我如何在我的react项目中每次确定路径，因为在这种情况下，当图像位于public /中时，我应该在menu.js文件中添加src =“”路径吗？图片文件夹。但是，我也正在使用webpack，但是不知道如何正确确定路径，如本例所示。 这是我的menu.js文件代码

import React from 'react'

import { Link, withRouter } from 'react-router-dom'

const Menu = withRouter(({ history }) => (

  <header>
    <div className="container">
      <nav className="navbar">
        <ul>
          <li><a href="/" className="navbar-brand"><img src="./..public/images/Main_logo.png" /></a></li>
        </ul>
      </nav>
    </div>
  </header>

));

export default Menu

Here is My project directory structure

您能否也请我告诉我如何确定路径以及哪些webpack会影响路径确定？