/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 vote435 views1 answer
How to upload react js project on server
Javascript React
6 votes416 views2 answers
React native spinner
Javascript React
0 vote388 views1 answer
Namespace react has no export member FC
Javascript React
0 vote431 views1 answer
React native on expo finger print is working bt not in apk
Javascript React
0 vote448 views1 answer
TextInput cursor not shown react native
Javascript React
0 vote336 views1 answer
./src/App.js Module not found: Can't resolve '@fullcalendar/core/main.css' in 'c:\react-souf\src'
Javascript React
1 vote391 views1 answer
React admin newrecords.foreach is not a function
Javascript React
18 votes414 views4 answers
React get route params
Javascript React
0 vote367 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
1 vote375 views1 answer
React native rename package name
Javascript React