/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 vote211 views1 answer
Hooks developed by react native
Javascript React
0 vote296 views1 answer
React native carriage return
Javascript React
7 votes225 views4 answers
Get parameter from url reactjs
Javascript React
105 votes270 views1 answer
Install and run react js project...
Javascript React
14 votes273 views4 answers
React how to update state array
Javascript React
0 vote207 views1 answer
Get position of element in react
Javascript React
1 vote201 views1 answer
Column width table react
Javascript React
15 votes228 views3 answers
Image source react native
Javascript React
0 vote216 views1 answer
React js date ago
Javascript React
0 vote194 views1 answer
Type svg react
Javascript React