1.使用Array.from()方法
NUMBER
是渲染数量
new Array()创建了一个对象,新建的对象a.proto == Array.prototype。
new Array(3) => [empty × 3]
Array.from() 方法从一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例。
Array.from(new Array(3)) => [undefined,undefined,undefined]
const mapInput = () => {
return Array.from(new Array(NUMBER)).map(i => (
<div key={i}>
<span>委托人 {i}</span>
<input type="text" onInput={(e) => handleInput(e.target, i)} placeholder="请输入" />
</div>
))
}
2.es6解构
[...Array(9).keys()] //返回 [0,1,2,3,4,5,6,7,8]