Pourquoi les images ne se chargent pas lorsqu'elles tentent de charger à partir d'un tableau en réaction

Question

J'ai le code suivant où j'essaye de charger des images de Tableau, si j'essaye de charger une image simple cela fonctionne bien, mais si j'essaye de charger plusieurs images il dosent montrer une image, tho ma div test est dans le dom.

import React, {Component} from 'react'; 

class Slider extends Component { 

    render() { 
     const myItems = [{source_image: '1.jpg'}, {source_image: '2.jpg'}, {source_image: '3.jpg'}]; 
     return (



       <div id="test"> 
        {myItems.map(function (a) { 

          <img src={"images/"+a.source_image}/> 
         } 
        )} 
       </div> 

     ); 
    } 
} 

export default Slider; 

Answer 1

Vous oubliez retour sur la carte:

{myItems.map(function (a) { 
     return <img src={"images/"+a.source_image}/> // here 
    }) 
} 

{myItems.map(a => <img src={"images/"+a.source_image}/>)} //this is more clear, I think