我想渲染同一个组件的多个实例。这是将要重复的组件（不是我的实际组件，只是一个示例）：
import React from 'react';
function Repeated () {
return (
<div></div>
)
}
export default Repeated;
以及将重复另一个的组件（再次，只是一个例子）：
import React from 'react';
import Repeated from './Component1';
function OtherComp () {
return (
<div>
<Repeated />
<Repeated />
<Repeated />
<Repeated />
</div>
)
}
export default OtherComp;
有什么方法可以通过类似循环的方式多次添加“重复”组件，而不必多次复制和粘贴组件？谢谢 ：）
您可以创建一个所需长度的新数组并将其映射到组件。但是，您必须为每个人添加一个密钥或忽略警告：
带有警告：
return (
<div>
{Array(4).fill(<Repeated />)}
</div>
)
映射到键：
return (
<div>
{Array(4).fill(true).map((_, i) => <Repeated key={i} />}
</div>
)
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句