別の関数を使用してオブジェクトをマップ関数に渡します。

Question

次のコードをもっときれいにしようとしています。具体的には、別の関数を使用してマップ関数に値を渡したいと思います。ここで

コードです：だから基本的に私はそこに別の方法を必要とする

... 
     this.props.slides.map((s)=>{ 
       let id = s.get('id') 
       let title = s.get('title') 
       let image = s.get('image') 
       let alt = s.get('alt') 
       let caption = s.get('caption') 
       return(

        <Carousel.Item key={id} > 
        <img width={900} height={500} alt={s.get('alt')} src={image} alt={alt}/> 
        <Carousel.Caption> 
         <h3>{title}</h3> 
         <p>{caption}</p> 
        </Carousel.Caption> 
        </Carousel.Item> 

      ) 
     })  
    } 
    </Carousel>) 
    } 
} 

... 

のような（それはクラスのすべての部分です）：

listSlides(){ 
... 
} 

、その後、私はちょうど私のマップにそれを渡すことができます関数。しかし、私はそれを書く方法が不明です。私はmap（）の動作についてちょっと混乱しています。

最初のパラメータは配列の各アイテムに渡されている関数だと書かれていますが、なぜ私は今できることを意味しているのか分かりません：let id = s.something in my closured function？

Answer 1

関数にパラメータを追加し、このようにそれを渡します

this.props.slides.map(s=>listSlides(s)) 

であっても、より簡潔な（@Bergiのおかげで）

this.props.slides.map(listSlides); 

と機能は次のようになります。

function listSlides(s){ 
    let id = s.get('id') 
    // and so on 
}