创建一个哑组件

Question

我想知道在React中处理哑组件时性能是否有任何差异，因为有两种可能的方法可以实现相同的结果。

function Comp(props) {
    ...
} 

const Comp = props => {
    ...
}

Answer 1

实际上，它们是定义函数的两种方式，性能应该没有区别。

Answer 2

在你的例子中，两者之间肯定没有区别。因此，这段代码也会被编译，你最终会得到同样的东西：

function CompA(props) {}
const CompB = props => {}

被转换为：

function CompA(props) {}
var CompB = function CompB(props) {};

编辑：这两个功能都存在差异。在性能方面它们是相同的但在行为上代码是不同的。我们有悬挂和不同的背景。

edit2：好吧，看起来有点不同。查看https://jsperf.com/react-stateless-compare