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

【问题标题】：ReactJS: Difference between functional component and a function which returns jsxReactJS：功能组件和返回 jsx 的函数之间的区别
【发布时间】：2019-09-12 07:38:27
【问题描述】：

考虑下面的函数

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

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

方法一：

&lt;DummyComponent /&gt;

方法二

<>
  {DummyComponent()}
</>

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

【问题讨论】：

code sn-ps 不会运行，只是使用它们让代码看起来更整洁。
React Functional component: calling as function vs. as component的可能重复

标签： reactjs

【解决方案1】：

方法2速度快，详情请看下方链接。

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

【讨论】：