<ComponentName />和ComponentName（）之间的区别？

Question

我只是想知道将<SomeComponent>添加到<Layout>的方式之间是否有区别。一种方法比另一种更好，还是有理由使用一种而不是另一种？

const SomeComponent = () => {
  return (
    <Text> Some Text </Text>
  )
}

<Layout>
  <SomeComponent />
  {SomeComponent()}
</Layout>

Answer 1

<SomeComponent>只是SomeComponent()的JSX语法。他们是同一回事。

以及道具：

<Layout>
  <SomeComponent prop1={someVariable} />
  {SomeComponent({prop1: someVariable})}
</Layout>