React createElement vs cloneElement

Question

如果使用cloneElement（在現有元素實例上）或createElement（在react Element類上）哪一個在性能方面更好的話，任何人都可以告訴我嗎？

有時克隆某些東西比創建新實例更快。 請告訴我。 謝謝

Answer 1

使用cloneElement通常會更快，因為您只需要實例化一個初始組件。

這個jsperf測試顯示， cloneElement速度幾乎是Linux上Chromium 45的createElement兩倍：

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

如果您有一個可以克隆而不需要更改的基本組件，那么在語義和性能方面使用cloneElement是一個明確的選擇。

Answer 2

在Safari 10.0.3中，對於上面提到的JSPerf測試 ，cloneElement的速度要慢31％（在Chrome中，createElement對我來說慢了17％）。

我還做了另一個JSPerf測試 ，其中cloneElement與“function-as-children”進行了比較。 在這種情況下，克隆元素在Chrome（26％）和Safari（46％）中都有較大的差距。