目前在 React 中,我正在使用array.map(function(text,index){})
迭代数组。但是,我如何使用 map 同时迭代两个数组?
EDIT
var sentenceList = sentences.map(function(text,index){
return <ListGroupItem key={index}>{text}</ListGroupItem>;
})
return (
<div>
<ListGroup>
{sentenceList}
</ListGrouup>
</div>
);
就像,在这个例子中,我希望每次迭代都在前面添加图标。我计划将这些图标放在另一个数组中。所以,这就是迭代两个数组的原因。
如果可能的话,我建议将文本与图像一起存储在对象数组中,例如:
const objects = [{text: 'abc', image: '/img.png' }, /* others */];
这样您就可以迭代数组并同时选择两个成员,例如:
objects.map(item => (<Component icon={item.image} text={item.text} />) )
如果这是不可能的,那么只需映射一个数组并通过当前索引访问第二个数组的成员:
sentences.map((text, index) => {
const image = images[index];
return (<Component icon={image} text={text} />);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)