一定数量的输出后，React Js Stop map方法

Question

我该怎么做才能停止从map（）中的数组中呈现所有项目并限制为所需的数量（比方说4）？

Answer 1

您可以使用切片方法将地图中的元素数限制为n：

let renderedData = this.state.elements.slice(0,n).map((element)=>{
 return (<div key={element.id}>{element.txt}</div>)
}

如果您只想映射4，则用4代替n