Передача объекта функции карты с использованием другой функции

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 закрытая функция?

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 
}