/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 vote143 views1 answer
React input mask ref
Javascript React
0 vote140 views1 answer
Namespace react has no export member FC
Javascript React
-1 vote146 views2 answers
React js props lara css uygulama
Javascript React
18 votes131 views6 answers
Import svg as react component
Javascript React
10 votes142 views3 answers
Jquery react npm
Javascript React
0 vote131 views1 answer
React native intro slider
Javascript React
0 vote129 views1 answer
Back button not working when modal open in react native
Javascript React
1 vote134 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
2 votes134 views1 answer
React native socket io
Javascript React
0 vote143 views1 answer
React form input not working
Javascript React