/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

2 votes197 views1 answer
React nginx returns 404 after reload
Javascript React
0 vote193 views1 answer
How to filter items in react state
Javascript React
0 vote197 views1 answer
ERROR in ./node_modules/react-icons/all.js 4:0-22
Javascript React
15 votes199 views6 answers
React forms
Javascript React
2 votes211 views1 answer
How to clear state in react hooks
Javascript React
1 vote200 views1 answer
Node sass version react
Javascript React
4 votes209 views1 answer
React router history push parameter
Javascript React
0 vote188 views1 answer
Text input underline react native
Javascript React
0 vote199 views1 answer
React-multi-carousel don't work
Javascript React
1 vote218 views1 answer
Axios upload progress react
Javascript React