反应createElement vs cloneElement [英] React createElement vs cloneElement

问题描述

有人可以让我知道如果使用cloneElement（在现有元素实例上）或createElement（在react Element类上）在性能方面哪个更好？

Can anyone let me know if using cloneElement (on exist element instance) or createElement (on react Element class) which one is better in term of performance?

有时克隆东西比创建新实例快。
请让我知道。谢谢

Sometimes cloning something is faster than create new instance. Please let me know. Thanks

推荐答案

使用 cloneElement 通常会更快，因为您只需要实例化一个初始组件。

Using cloneElement will be usually be faster because you only need to instantiate one initial component.

此 jsperf测试显示，对于Linux上的Chromium 45， cloneElement 的速度几乎是 createElement 的两倍：

This jsperf test shows cloneElement to be nearly twice as fast as createElement for Chromium 45 on Linux:

• cloneElement 〜170万次/秒


• createElement 〜85万次操作/秒

• cloneElement ~1.7m ops/second
• createElement ~0.85m ops/second

如果您有基础可以克隆而无需更改，然后使用 cloneElement 的组件，无论从语义上还是从性能上来说都是一个明确的选择。

If you have a base component that you can clone without changing, then using cloneElement is a clear choice, both semantically and in terms of performance.

这篇关于反应createElement vs cloneElement的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！