reactjs - Looping around a certain number of times

Question

I am trying to make this code only loop around 3 times as I do not need the 4th value. How can I do this?

{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

Use the slice function: list.slice(0, 3).map(..)