反应不加载图像

Question

我是新来的反应者，我正在尝试使我的组件加载图像。 我有以下结构：

src/components/menu/myFile.js
src/images/logo.png

这是myFile.js，我尝试在其中加载logo.png

const myFile = (props) => (
    <Aux>
        <header class="header_main">
            <section class="container">
                <section class="row">
                    <section class="col-xs-12 col-sm-6 col-md-6">
                        <figure class="logo"><a href="#"><img src="../../images/logo.png"  alt=""/></a></figure>
                    </section>
                    <section class="col-xs-12 col-sm-6 col-md-6">
                        <ul class="nav_main pull-right">
                            <li><a href="#">Help</a></li>
                            <li><a href="#">About</a></li>
                            <li><a href="#">Sign Up</a></li>
                            <li><a href="#">Log In</a></li>
                        </ul>
                    </section>
                </section>
            </section>
        </header>
    </Aux>
);

它没有加载logo.png，当我在浏览器中使用firebug对其进行检查时，显示“无法加载图像”

Answer 1

首先像这样导入图像

：

import logo from '../../images/logo.png';

然后将其插入：

<img src={logo} />

Answer 2

import logo from "../../images/logo.png"

内部图片

<img src={logo} />

这将起作用