Javascript 哪个是最快的-纯组件、功能组件、类组件？[React.js]

我在反应和努力学习方面是个新手。在最近的一次采访中，采访者问了我以下问题：

哪种类型的组件最快？

纯、功能性或类

我知道“功能组件似乎比基于类的组件快一点”，但这就是我所知道的。我也不知道为什么——只是人们这么说

有人能告诉我以下4种成分的牢度顺序吗

纯函数

功能部件

纯基于类的

纯类组件

连同推理，哪一个最快，哪一个最慢&为什么

---

提前谢谢

我觉得这是一个糟糕的面试问题。这个问题没有真正的答案，主要是客观的

以下是有状态功能组件开始存在时的情况：

也许你听说过其中一个更适合表演。哪一个？ 许多这样的基准测试都是如此，所以我会仔细地绘制 从中得出结论。性能主要取决于代码的内容 是在做，而不是选择函数或类。在我们 但是，根据观察，性能差异可以忽略不计 优化策略有点复杂

纯组件可能看起来比非纯组件快，这主要是因为不重新渲染的优化，但是如果你做得太过分，你可能会因为大量的相等性检查而在性能上倒退

也就是说，绝对最快的反应是一个函数。i、 调用返回jsx的函数。显然，不能在其中使用状态。这之所以是最快的，是因为它避免了很多内部react代码，因为它不是一个单独的组件

即

函数renderDivs（）{
返回
}
///在组件中：
返回{renderDivs（）}

我觉得这是一个糟糕的面试问题。这个问题没有真正的答案，主要是客观的

以下是有状态功能组件开始存在时的情况：

也许你听说过其中一个更适合表演。哪一个？ 许多这样的基准测试都是如此，所以我会仔细地绘制 从中得出结论。性能主要取决于代码的内容 是在做，而不是选择函数或类。在我们 但是，根据观察，性能差异可以忽略不计 优化策略有点复杂

纯组件可能看起来比非纯组件快，这主要是因为不重新渲染的优化，但是如果你做得太过分，你可能会因为大量的相等性检查而在性能上倒退

也就是说，绝对最快的反应是一个函数。i、 调用返回jsx的函数。显然，不能在其中使用状态。这之所以是最快的，是因为它避免了很多内部react代码，因为它不是一个单独的组件

即

函数renderDivs（）{
返回
}
///在组件中：
返回{renderDivs（）}

这就像问JavaScript中最快的函数是什么。恕我直言，这是一个非常“无聊”的问题。不过我没有投反对票。@SamR.-谢谢兄弟！这可能很无聊，但如果——我的选择取决于答案——&我非常需要这份工作怎么办！：-/如果这是他们问的问题，你最好不要在那里工作。快跑，我的朋友，快跑。你的答案似乎很可靠。它们的速度将取决于React的版本、JS的浏览器实现，以及可能的传输方式（使用babel）。“最快”也是主观的，你是说渲染时间吗？编译时间？你是说作为一名开发人员，每个人需要多长时间来编写？JR开发者的入职时间？是时候写测试了？在这些问题上更具体一些可能会有所帮助。这就像问JavaScript中最快的函数是什么。恕我直言，这是一个非常“无聊”的问题。不过我没有投反对票。@SamR.-谢谢兄弟！这可能很无聊，但如果——我的选择取决于答案——&我非常需要这份工作怎么办！：-/如果这是他们问的问题，你最好不要在那里工作。快跑，我的朋友，快跑。你的答案似乎很可靠。它们的速度将取决于React的版本、JS的浏览器实现，以及可能的传输方式（使用babel）。“最快”也是主观的，你是说渲染时间吗？编译时间？你是说作为一名开发人员，每个人需要多长时间来编写？JR开发者的入职时间？是时候写测试了？可能有助于更具体地回答这些问题。我认为返回

null

的函数速度更快。或者更好的是，一个根本不运行的函数是所有函数中最快的。现在证明我错了。哈哈，这很公平，但这并不能说明什么。我大体上同意这是一个没有实际意义的观点。我认为最快的就是没有申请！那他们就不能抱怨表现了！“没有应用程序”确实是我的最快速度。我认为返回

null

的函数速度更快。或者更好的是，一个根本不运行的函数是所有函数中最快的。现在证明我错了。哈哈，这很公平，但这并不能说明什么。我大体上同意这是一个没有实际意义的观点。我认为最快的就是没有申请！那他们就不能抱怨表现了！“没有申请”确实是我最快的经历。

function renderDivs(){
  return <div><div></div></div>
}

/// in a component:

return <div>{renderDivs()}</div>