React.Children.map與React Children.toArray.map

Question

In React children是用於合成的不透明數據結構。爲了操作它，React公開了API，其中包含方法React.Children.map和React.Children.toArray。

根據該文檔，Children.map調用每個子元素上的函數（通常呈現，或cloneElement），而從toArray變化從不透明children到一個簡單的js陣列。

React.Children.map(child, fn)和React.Children.toArray.map(child, fn)感覺效果相當。我經常看到Children.map被使用，並且正在尋找可靠的證據來備份最佳實踐，或者解釋toArray.map的用例。

我的第一直覺是，toArray明顯增加了另一個電話，這是潛在的高性能少（稍微？），但我相信toArray還剔除了undefined或null孩子。

Answer 1

根據the react code，Children.toArray與Children.map相同，通過身份識別功能(x) => x。因此Children.map(children, func)將總是比呼叫Children.toArray(children).map(func)更高性能。