循环内部渲染渲染两次

Question

我需要在渲染中循环，但如果我在其内部返回它会渲染两次。是否有办法在我的回报中循环，但只渲染一次？

return (
  <OverviewWrapper>

      {stylesArray.map(function(object, i){
        return (
            <TouchableHighlight key={i} onPress={openQuestionOverview} style={[styles.punt, stylesArray[i]]}>
                <Image source={vragen[i]} />
            </TouchableHighlight>
        )
      })}
  </OverviewWrapper>
)