/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 vote306 views1 answer
React if event.target is input
Javascript React
1 vote358 views1 answer
How to resize react icons
Javascript React
2 votes307 views1 answer
How to add multiple style attributes in react element
Javascript React
23 votes303 views3 answers
Copy text to clipboard javascript react
Javascript React
0 vote292 views1 answer
Ios react native detect locale
Javascript React
2 votes313 views2 answers
Unable to resolve module react-navigation
Javascript React
3 votes299 views2 answers
React native image fit container
Javascript React
4 votes266 views1 answer
On window resize react
Javascript React
0 vote301 views1 answer
React-native-cli remove
Javascript React
25 votes299 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React