使用循环并呈现多个jsx项，稍后返回render[duplicate]
我正在尝试找到一种更聪明的方法来循环遍历一个数组并生成jsx并返回render函数：
renderCardImages = () => {
const cards = [
'Visa',
'MasterCard',
'AmericanExpress',
'Discover',
'JCB',
]
return (
<View style={{ flexDirection: 'row' }}>
<Image source={getCardIcon('Visa')} size={65} />
<Image source={getCardIcon('MasterCard')} size={65} />
<Image source={getCardIcon('AmericanExpress')} size={65} />
<Image source={getCardIcon('Discover')} size={65} />
<Image source={getCardIcon('JCB')} size={65} />
</View>
)
}
render () {
return (
{renderCardImages()}
)
}
我如何实现这一点？我相信render只被调用一次。
共有1个答案
return (
<View style={{ flexDirection: 'row' }}>
{card.map(c=>((<Image source={getCardIcon(c)} size={65} />))}
</View>
)
-
我想使用useEffect和for-loop生成多个JSX元素，但在本例中没有呈现任何内容。 警告代码：“React Hook useEffect缺少依赖项：”Render InfoCard“。请包含它或删除依赖项数组React-Hooks/EXEXTIVE-DEPS”
-
假设list.length是5我需要在无限循环中返回下面的视图。不是在5的循环中。我想把数组一个一个的过一遍，当它来到索引4的时候，它应该再次指向0索引，这个过程应该是递归执行的， 在这里，它会在来到数组的最后一个索引之后停止。当"i"来到数组的最后一个索引时，我尝试设置"i=0"，但无法访问。有没有办法在javascript中实现这个场景。 注：我将粘贴我的渲染方法的一些代码片段在我的反应本机j
-
如果以前有人问过这个问题，我很抱歉，但我找不到答案。如何循环使用嵌套数组的数组，并在控制台中打印项目出现的实例数？ 因此应该打印出名称“bob”的数字2，因为“bob”在数组中出现两次。 这是我的阵列和我目前拥有的：
-
您能像这样在JSX中使用循环吗？ 或者更确切地说，像这样编写的最佳方法是什么？
-
问题内容： 今天，有人陪我一起滥用Java 中的关键字。我编写了一个简单的循环来验证数组中是否存在某些内容。假设是一个length数组，这是我的代码： 现在有人告诉我这不是一个很好的编程，因为我在循环内使用了该语句，这将导致垃圾回收发生故障。因此，更好的代码将是： 问题是我无法正确解释为什么第一个for循环不是一个好习惯。有人可以给我一个解释吗？ 问题答案： 现在有人告诉我这不是一个很好的编程，因
-
loop 有个用途是尝试一个操作直到成功为止。若操作返回一个值，则可能需要将其传递给代码的其余部分：将该值放在 break 之后，并由 loop 表达式返回。 fn main() { let mut counter = 0; let result = loop { counter += 1; if counter == 10 {