javascript - 使用另一个函数将对象传递给映射函数

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 函数。但是，我不确定如何写。我对 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
}