/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 vote222 views1 answer
Outline none react native web
Javascript React
0 vote192 views1 answer
Why my favicon icon is not removing in react
Javascript React
1 vote222 views1 answer
React native flatlist hide scrollbar
Javascript React
0 vote202 views1 answer
Application/ld+json react
Javascript React
4 votes188 views1 answer
React native radio buttons
Javascript React
0 vote189 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
0 vote199 views1 answer
Jest create react app only run one test
Javascript React
4 votes234 views3 answers
Visual studio code create react component shortcut
Javascript React
0 vote229 views1 answer
Connect react with database server
Javascript React
-1 vote153 views1 answer
React index.js BrowserRouter
Javascript React