/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 vote309 views1 answer
React native unexpected token '<'
Javascript React
3 votes247 views1 answer
React native netinfo
Javascript React
0 vote315 views1 answer
How to detect if app is loosing focuse in react native
Javascript React
0 vote307 views1 answer
How to validate password and confirm password on react form hook
Javascript React
5 votes317 views1 answer
React style ternary operator
Javascript React
1 vote321 views1 answer
React native metro api level 30
Javascript React
0 vote343 views1 answer
Preventdefault not working react
Javascript React
1 vote267 views1 answer
Strings compare react
Javascript React
1 vote294 views1 answer
React-router-dom v6 redirect
Javascript React
10 votes299 views2 answers
React-native text overflow ellipsis
Javascript React