title: How to display image in reactjs from laravel storage
body: <p>I am storing images in <code>storage/app/public</code> directory of laravel project.
  Also I am saving names of images in the phpmyadmin database if it could be somehow helpful.</p>
  
  <p>Now I want to display those images in my jsx like:</p>
  
  <pre><code> &lt;div className={"dashboard-cards-cardsContainer"}&gt;
        {
              this.state.images.map((image) =&gt;
                 &lt;img key={image.id} src={asset("storage/image.name")}/&gt;
              )
         }
   &lt;/div&gt;
  </code></pre>
  
  <p>I already tried:</p>
  
  <pre><code>&lt;img key={image.id} 
  src={'http://localhost:8000/storage/app/'+image.name}}/&gt;
  
  &lt;img key={image.id} 
  src={'localhost:8000/storage/app/public'+image.name}}/&gt;
  
  &lt;img src={'../../../../../storage/app/public'+image.name} alt=""/&gt;
  
  </code></pre>
  
  <p>The only time I was able to display image was when  I was importing them from public folder</p>
  
  <pre><code>import photo from '../../../../../public/assets/cards/card-1.png';
  </code></pre>
  
  <p>however my images are in laravel storage but I just don't how to access it from react, I already tried:</p>
  
  <pre><code>import img from '../../../../../storage/app/public/card51564153446.jpeg';
  //via storage symlink
  import foto from '../../../../../public/storage/card51564153446.jpeg';
  </code></pre>
  
  <p>How to I access laravel storage via react ?</p>