React JSX vs函数调用to present组件

Question

const Component = ({ text }) => (
  <div>{text}</div>
)

const Example = () => (
  <div>
    <Component text="123" />
    {Component({ text: "123" })}
  </div>
)

这两种渲染方法有什么区别吗？哪个是首选，为什么？

Answer 1

是的，第二个更快，因为它没有与#77FFD1一起安装。请参阅此great article by Philippe Lehoux，其中讨论了两种方法之间的差异（主要表现在性能上）。