Изображение не может загрузить реагировать машинопись

Question

Вот мой <img> тег

  <li className="dropdown user user-menu">
                                <a href="#" className="dropdown-toggle" data-toggle="dropdown">
                                    <img src="/public/assets/images/user2-160x160.jpg" className="user-image" alt="User Image" />
                                        <span className="hidden-xs">Alexander Pierce</span>
                                </a>
<li/>

Это моя структура

Answer 1

Импортируйте изображение сверху, как любой другой модуль! (при условии, что вы включили модули в машинописи, а затем просто передаете его как переменную в jsx:

import myimage from "./../.../path/images/user2-160x160.jpg";
...

 <img alt="media-icon-link" className="media-icon-link" src={myimage} />

Answer 2

Если ваши изображения находятся в папке publi c Как структура моей папки:

"/assets/images/user2-160x160.jpg"

в вашем <img> sr c вместо импорта

'../../public/assets/images/user2-160x160.jpg'; 

This будет работать

<img className="user-image"  src="/assets/images/user2-160x160.jpg" alt="User Image" />

Answer 3

То же самое с ответом выше, насколько я знаю, вы можете использовать требуют API, как это

<img alt="media-icon-link" className="media-icon-link" src={require("./../.../path/images/user2-160x160.jpg")} />

Это зависит только от вашего вкуса