循环一定次数

Question

我试图让这段代码只循环 3 次，因为我不需要第 4 个值。我该怎么做？

{this.props.league.prizes && this.props.league.prizes.length > 0 ?
                            <View style={styles.section}>
                                {this.props.league.prizes.map((p, i) => (
                                    <View key={Math.random().toString(36).substr(2, 5)} style={[styles.sectionPart, { borderRightWidth: 1 }]}>
                                    <Text style={styles.label}>{this.getPositionString(i + 1)} Place</Text>
                                        <Text style={styles.prizeAmount}>{places[i]}</Text>
                                    </View>
                                ))}
                            </View> : null}

Answer 1

使用切片函数：list.slice(0, 3).map(..)

Answer 2

为什么不使用使 this.props.league.prizes 只包含 3 个项目？

this.props.league.prizes.slice(0,3)

或设置this.props.league.prizes.length = 3

然后您可以继续渲染，只显示 3 个项目