为什么React会自动渲染JSX写法中的数组元素
发布网友
发布时间：2022-04-22 07:30
共1个回答
热心网友
时间：2022-04-20 13:01
很好的问题。简单的原理理解是：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)]
这时能满足语法格式要求。
