我有一个选择器，允许用户从1到5中选择一个数字，并根据选择说用户选择2，则下一个屏幕显示应运行2次并显示两次组件。到目前为止，我有以下代码：
function IndividualInfoCard({ noOfInd }) {
var noOfIndSelected = noOfInd;
return (
<View>
<IndividualInfo title={'Person 1'} />
<IndividualInfo title={'Person 2'} />
<IndividualInfo title={'Person 3'} />
<IndividualInfo title={'Person 4'} />
<IndividualInfo title={'Person 5'} />
</View>
);
}
我需要将这5个组件都按照中的数字放置所有这些组件noOfIndSelected。我搜索了一下，但不知道该怎么做，.map怎么实现呢？
您是否尝试过做简单的事情？
我给你举个简单的例子。
export default function App() {
let items = [];
for (var i = 0; i < 9; i++) {
items.push(<li key={i}>hOLA</li>);
}
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
{items}
</div>
);
}
在您的代码中应用如下所示：
function IndividualInfoCard({ noOfInd }) {
var noOfIndSelected = noOfInd;
var items = []
for (var i = 0; i < noOfIndSelected; i++) {
items.push(<IndividualInfo key={i} title={'Person '+i} />);
}
return (
<View>
{items}
</View>
);
}
抱歉，这是我关于stackoverflow的第一个答案
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句