小编Pay*_*yne的帖子

我知道有几个帖子有类似的问题，但不同的方法似乎无法理解。我想了解更多并能够使用 React.js 和 Laravel 开发多个应用程序。

Header.js：导入文件

import React, { Component } from 'react';
import {
    BrowserRouter as Router,
    Link,
    Switch,
    Route
} from 'react-router-dom';
import Home from './Home';
import About from './About';
import Dashboard from '../admins/Dashboard';
import Contact from './Contact';

路由器（BrowserRouter）

<Router>
       <div>
            <nav className="navbar navbar-expand-lg  navbar-dark bg-dark navbar-fixed-top">
            <button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span className="navbar-toggler-icon"></span>
            </button>

            <div className="collapse navbar-collapse" id="navbarSupportedContent">
                <ul className="navbar-nav mr-auto">
                    <li className="nav-item active">
                        <Link className="nav-link"  to="/" exact

                        >Home</Link>
                    </li>
                    <li className="nav-item">
                        <Link …

我正在将 reactjs 与 Laravel (Laravel-mix) 一起使用。我在 storage/app/public/images/slider-girl.png 中有我的图像并引用它

 <img src="{require('/images/slider-girl.png')}" />

但不显示图像。

但是，我尝试将图像放在资源和公共文件夹中，但得到了相同的响应。我已经尝试过这里找到的选项，但似乎没有什么对我有用。

<img src={url('storage/app/public/images/slider-girl.png')} />

<img src="{require('/images/slider-girl.png')}" />

我希望显示图像。

I have a parent div with 6 children divs as follows

<div class="work-wrap">
   <div class="work-item">1</div>
   <div class="work-item">2</div>
   <div class="work-item">3</div>
   <div class="work-item">4</div>
   <div class="work-item">5</div>
   <div class="work-item">6</div>
</div>

I want to have a result like this

2 4 6

1 3 5