/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

1 vote327 views1 answer
Dynamic forms in react
Javascript React
1 vote326 views2 answers
Flatlist onrefresh react native
Javascript React
0 vote361 views1 answer
React chrome get language
Javascript React
0 vote342 views1 answer
React native uid
Javascript React
1 vote366 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
6 votes312 views2 answers
React in jquery
Javascript React
0 vote290 views2 answers
React toastify dark mode
Javascript React
0 vote310 views1 answer
How to remove the top border from table react bootstrap
Javascript React
0 vote303 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
3 votes293 views2 answers
Autocomplete react jsx attributes vscode
Javascript React