通过地图获得特定结果

Question

我尝试学习react.js并坚持在地图上获得特定结果。这是代码

render(){
const  friends = [
 {id:1, name: 'Dave',age:50},
{id:2,name: 'Kellie',age:42},
{id:3,name: 'Max',age:12},
{id:2,name: 'Jack',age:12}
];
return(
<div>
<ul>
{friends.map(p => <li key={p.id}>{p.name}</li>)}
</ul>;
</div>
);

结果：

*戴夫

*凯莉

*最大

*杰克

如何通过地图获得这样的结果？

*戴夫*凯莉

*最大*杰克

以及如何从这样的索引的特定范围获取结果？

*最大*杰克

谢谢。

Answer 1

map不是特定于react-js的函数，它是JavaScript数组-See the MDN page的本机。

如何确定列表格式由您决定。 One answer建议使用css3。

获得特定结果就像使用slice一样简单，例如friends.slice(2).map(...)