像跨度一样反映渲染数组？

Question

我在组件render函数返回语句中得到了这个：

<div className="well">
   {this.props.someArray}
</div>

让我们说someArray = [1,2]，我注意到的是React实际上正在呈现每个元素标签，例如<span>元素。我以为我会收到错误。

这是推荐的吗？传递原始数据结构时React的作用是否有任何指导？我还没有看到任何材料。

Answer 1

当React遇到一个数组元素时，它会呈现该数组中的每个元素。它如何处理每个元素取决于它是什么：

• 使用render()方法呈现React组件。
• Strings包含在<span>个标签中（由于DOM中文本节点的有趣行为，我相信）
• 嵌套数组被展平（即：[1,2,[3,4]]被视为[1,2,3,4]）
• 使用.toString()将其他基本类型转换为字符串，然后按上述方式处理。
• 其他类型会导致错误