/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 vote121 views1 answer
React conditional array item
Javascript React
1 vote134 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
0 vote121 views1 answer
How to install react native hooks with npm
Javascript React
0 vote120 views1 answer
Divide string in lines react native max width
Javascript React
0 vote114 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
0 vote143 views1 answer
How to add a useState in react Js
Javascript React
0 vote127 views1 answer
Upload image file in react native using rest api to website
Javascript React
0 vote142 views1 answer
Swap scroll right in react native
Javascript React
-5 votes129 views3 answers
Use ref in component reactjs
Javascript React
0 vote127 views1 answer
Detect the city on application launch via geolocation react native
Javascript React