/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

0 vote204 views2 answers
React foreach loop
Javascript React
0 vote214 views1 answer
React image source showing object module
Javascript React
0 vote200 views2 answers
Selected css based on route react
Javascript React
0 vote230 views1 answer
Get call log in react native android
Javascript React
3 votes223 views1 answer
React proxy error: could not proxy request from localhost:3000 to http localhost:5000 econnreset
Javascript React
65 votes197 views6 answers
React routing
Javascript React
1 vote215 views1 answer
How to run an existing react project
Javascript React
18 votes232 views2 answers
How to store an array in localstorage reactjs
Javascript React
0 vote214 views1 answer
Npm react-native-async-storage
Javascript React
0 vote233 views2 answers
React native bordered image drop with shadow fix
Javascript React