reactjs - ReactJS：功能组件和返回 jsx 的函数之间的区别

Question

考虑下面的函数

function DummyComponent() {
   return (
      <div class='dummy'>
       <p> Hello world </p>
      </ div>
   )
}

现在 DummyComponent 可以用两种方式来渲染

方法一：

<DummyComponent />

方法二

<>
  {DummyComponent()}
</>

考虑到两者都完成工作，两者之间有什么区别？这两种方法有什么优点或缺点吗？

标签： reactjs

Answer 1

方法 2 速度快得多，更多详情，请通过下面的链接。

https://medium.com/missive-app/45-faster-react-functional-components-now-3509a668e69f