/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

31 votes213 views1 answer
React router dom npm
Javascript React
0 vote218 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
0 vote221 views2 answers
React-native local image not showing ios
Javascript React
0 vote213 views1 answer
React-scripts not found
Javascript React
0 vote223 views1 answer
Nextjs react native web typescript
Javascript React
0 vote218 views1 answer
React-native-dropdown-picker for form react native
Javascript React
0 vote220 views1 answer
React deployment pipeline
Javascript React
0 vote261 views1 answer
Background image not loading from a link react
Javascript React
3 votes206 views2 answers
React native width auto
Javascript React
2 votes300 views2 answers
React native settimeout
Javascript React