/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

2 votes211 views2 answers
Horizontal divider react native
Javascript React
66 votes186 views4 answers
How to redirect to a website in react
Javascript React
0 vote141 views1 answer
Liquid indicators in react native
Javascript React
0 vote209 views1 answer
Concat two arrays each value react typescript
Javascript React
0 vote205 views1 answer
React native keyboard event listener
Javascript React
0 vote202 views1 answer
How to change currency in react-paypal-button-v2
Javascript React
1 vote182 views2 answers
How to place text input cursor to start in react native
Javascript React
0 vote190 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
0 vote153 views4 answers
React prototype function
Javascript React
94 votes216 views6 answers
Install react router
Javascript React