“JSX 映射到函数调用”是什么意思

Question

我正在学习反应，当我遇到这个 stackoverflow 链接时，我试图找到一种在 JSX 内部循环的方法 - Loop inside React JSX 问题的作者说 我意识到并理解为什么这不是有效的 JSX，因为 JSX 映射到函数调用 我不明白他的意思。

Answer 1

意思是……

<MyButton color="blue" shadowSize={2}>
  Click Me
</MyButton>

...编译成函数调用：

React.createElement(
  MyButton,
  {color: 'blue', shadowSize: 2},
  'Click Me'
)

... 如此处所述：https://reactjs.org/docs/jsx-in-depth.html