/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

4 votes146 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
0 vote142 views1 answer
Form.Control textarea react bootstrap
Javascript React
0 vote143 views1 answer
Clear form in react
Javascript React
0 vote133 views1 answer
Text decoration react native
Javascript React
0 vote136 views1 answer
Bottom tab navigator react native transparent
Javascript React
1 vote145 views1 answer
React stripe npm
Javascript React
0 vote148 views1 answer
React-google-invisible-recaptcha
Javascript React
3 votes145 views1 answer
How to call a function in react with arguments onclick
Javascript React
3 votes144 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React
-1 vote151 views1 answer
History of react js
Javascript React