/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

17 votes383 views4 answers
Appdata roaming npm react-native.ps1 cannot be loaded
Javascript React
40 votes363 views4 answers
What does useref do react
Javascript React
0 vote364 views1 answer
Divide string in lines react native max width
Javascript React
0 vote361 views2 answers
Hot reload problem react 17
Javascript React
17 votes366 views5 answers
React native icons
Javascript React
32 votes379 views5 answers
React disable eslint errors
Javascript React
1 vote364 views1 answer
What is react reveal
Javascript React
0 vote357 views1 answer
Only numbers or string. Input field in React
Javascript React
2 votes395 views1 answer
Scoll to top on each route react
Javascript React
0 vote407 views1 answer
Passing argument to function handler functional compoent javascript react
Javascript React