/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

1 vote253 views1 answer
Font awesome react native icons
Javascript React
21 votes234 views3 answers
Map function in react
Javascript React
5 votes265 views4 answers
React route multiple components
Javascript React
1 vote240 views1 answer
Stop page refresh on button click react
Javascript React
2 votes226 views1 answer
React higher order components
Javascript React
0 vote245 views1 answer
Text inside an image component react native
Javascript React
0 vote243 views1 answer
Use this in a react js component
Javascript React
4 votes220 views3 answers
Add google map in react js
Javascript React
9 votes238 views6 answers
React Component
Javascript React
1 vote241 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React