/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 vote348 views1 answer
React native firebase
Javascript React
0 vote329 views1 answer
React ES6 Arrow Functions
Javascript React
0 vote329 views2 answers
React generate component command
Javascript React
1 vote327 views1 answer
Reactive localstorage in react
Javascript React
0 vote319 views1 answer
React input value set state on change
Javascript React
1 vote358 views3 answers
How to decode jwt token in react
Javascript React
48 votes306 views1 answer
Emmet not working react js
Javascript React
38 votes332 views4 answers
Useref in react hooks
Javascript React
0 vote330 views1 answer
React-multi-carousel don't work
Javascript React
32 votes332 views5 answers
React disable eslint errors
Javascript React