/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

21 votes160 views4 answers
React font awesome npm
Javascript React
0 vote159 views1 answer
React-multi-carousel infinite loop causing issue
Javascript React
-1 vote154 views2 answers
Toggle on button click in react js functional component
Javascript React
0 vote164 views1 answer
Eslint init settings for ReactJS
Javascript React
2 votes160 views3 answers
Cdn react
Javascript React
0 vote153 views1 answer
React fetch data in for loop
Javascript React
0 vote180 views2 answers
How to run react builed version
Javascript React
1 vote157 views1 answer
I18n react meta description
Javascript React
1 vote149 views2 answers
How to render react native app under the status bar
Javascript React
0 vote146 views1 answer
How to check if we reach end of div react hooks
Javascript React