reactjs - 循环一定次数
问题描述
我试图让这段代码只循环 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}
解决方案
使用切片函数:list.slice(0, 3).map(..)
推荐阅读
- python - 在熊猫中,当按另一列分组时,您如何找到自按值列更改以来的时间?
- javascript - 使用 javascript 不工作的变量隐藏内容
- racket - 在 Racket 中写一个算术表达式
- mysql - 我无法将我的服务器与 Mysql/Mariadb 远程连接
- python - 将 networkx 2D 图转换为 3D 交互式图
- neural-network - 在 Pytorch 中手动更新权重
- google-chrome - 在 Chrome 扩展中打开 chrome:// 协议?
- android - UI Automator 和 driver.swipe via appium 有什么区别
- django - 在 Django 中截断反向
- arrays - 重新分配结构数组的第一个元素 - 无效的旧大小;(*pointer + 0) 的问题