输出一定数量后 React Js 停止映射方法

Question

我应该怎么做才能停止在 map() 中渲染数组中的所有项目并限制为所需的数量（假设为 4）？

Answer 1

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

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

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