请问在react.js怎么提取数组中部分元素？

Question

react.js怎么提取数组中部分元素

Answer 1

可以用Array中自带的方法：
arrayObj.shift( )
shift 方法可移除数组中的第一个元素并返回该元素。
例如：
var ary=[1,2,3,4];
var a=ary.shift();//a=1;ary=[2,3,4];

arrayObj.slice(start, [end])

slice 方法返回一个 Array 对象，其中包含了 arrayObj 的指定部分。
参数：start，截取数组开始下标。end截止的下标，但不包括end元素
例如：
var ary=[1,2,3,4];
var newary=ary.slice(0, 2)；//newary=[1,2]，不包括下标2 所对应的元素3。

Answer 2

很好的问题。简单的原理理解是：JSX 的一对封闭标签，会转译为一个 createElement 函数。如下的代码转译后，实际上会变成两个并排的函数。
return (
<div>123</div>
<div>456</div>
)
// 转译后得到
return (
createElement(xxx)
createElement(xxx)
)

如上转译为两个并排的函数后，并不满足 {xxx} 语法只能嵌入一个单行表达式的需求。而一个数组的声明，则是一个符合要求的单行表达式，形如：

return [
<div>123</div>,
<div>456</div>
]
// 转译后得到
return [createElement(xxx), createElement(xxx)]

这时能满足语法格式要求。