/Javascript/React/Load all icon from a folder in react

Load all icon from a folder in react

export default App;
import React from 'react';
import ReactDOM from 'react-dom';
var listOfImages =[];

class App extends React.Component{
    importAll(r) {
        return r.keys().map(r);
    }
    componentWillMount() {
        listOfImages = this.importAll(require.context('./images/', false, /\.(png|jpe?g|svg)$/));
    }
    render(){
        return(
          <div>
              {
                    listOfImages.map(
                      (image, index) =>    <img key={index} src={image} alt="info"></img>
                    )
              }
          </div>
        )
    }
}

Source: stackoverflow.com

Similar codes

5 votes340 views1 answer
React-select
Javascript React
6 votes369 views1 answer
React hooks scss supoort
Javascript React
2 votes366 views1 answer
Path.split is not a function react hook use form
Javascript React
0 vote342 views1 answer
Download images from http link in react
Javascript React
0 vote342 views1 answer
How to disable keyboard calender input in material ui datepicker reactjs
Javascript React
0 vote302 views1 answer
Import button react-bootstrap
Javascript React
0 vote350 views1 answer
Reset navigation to specific tab react-navigation
Javascript React
0 vote356 views1 answer
Npm react native turn by turn navigation
Javascript React
0 vote351 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React
3 votes340 views1 answer
React icons in nextJS
Javascript React