Не определено, когда первый раз render () работает

Question

В моем собственном приложении реакции есть следующий код.

  render() {
    return (
      <Swiper height={height} showsButtons={true} showsPagination={false}>    
        this.props.features.forEach(feature => {
          <SwiperSlider imageSource={feature.featureImage} />
        });
      </Swiper>
    );
  }

Это дает мне ошибку, "ФУНКЦИЯ НЕ ОПРЕДЕЛЕНА". Когда render () запускается в первый раз, массив features пуст. Как я могу решить это?

Answer 1

Вы должны использовать map и заключить его в фигурные скобки.

  <Swiper height={height} showsButtons showsPagination={false}>
    {this.props.features.map((feature) => <SwiperSlider imageSource={feature.featureImage} />)}
  </Swiper>