class InputGroup extends React.Component {
state = {
fileList: [{
name: 'xxx.png',
status: 'done',
}],
};
render() {
const { fileList } = this.state;
const inputPile = []; //定义一个数组
for (let i = 0; i < fileList.length; i+=1) { // for循环数组
inputPile.push( //将组件塞入定义的数组中
<Input placeholder='排序' data-index={i} /> //index为自定义属性
);
}
return (
<div>
{inputPile} //引用
</div>
);
}
}
【React】循环渲染组件
最新推荐文章于 2024-08-10 08:27:20 发布