load all icon from a folder in react

Adventurous Alligator answered on September 6, 2021 Popularity 4/10 Helpfulness 2/10

answer load all icon from a folder in react

load all icon from a folder in react

Comment

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>
        )
    }
}

Popularity 4/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript load

Link to this answer
Share Copy Link

Contributed on Sep 06 2021

Adventurous Alligator

0 Answers Avg Quality 2/10

load all icon from a folder in react

Contents

More Related Answers

load all icon from a folder in react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.