なぜ画像がロードされないのですか？

Question

私は配列から画像をロードしようとしていますが、1つの画像をロードしようとするとうまくいきますが、画像は、私の部門testが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

あなたがマップに戻ることを忘れて：

{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