我在一个项目中使用了引导程序,在此页面中,我需要映射一个数组,该数组将在3列的网格中呈现<InnerComponent />
的列表。但是,我需要为map函数返回的每个数组子项添加bootstrap列。而且由于<div>
是直接子级,因此我必须像这样将它们的“关键”属性放入其中:
somearray.map((item, index) => {
return (
<div
className="col-lg-4 col-md-6 col-sm-12"
key={item.id}
>
<InnerComponent />
</div>
);
})
这有效吗?还是应该始终将键作为组件属性添加?