我可以在渲染之前對JSX中的元素進行計數嗎？

Question

我有一個有表格的類。問題是，列中的數量可能會有所不同。當沒有數據加載到表格時，我需要在這裏顯示一條消息，如「無數據」，使用<td colSpan="#"></td>。我需要確定表中colSpan的列數，換句話說，我要計算表頭中的th元素的數量。有沒有可能在render方法或者有更好的方法來做到這一點？

我想我可能使表，而「無數據」消息，然後在componentDidUpdate使用jQuery插入，但東西告訴我這是一個壞主意...

Answer 1

可以使用React Children實用程序確定內部是否有任何元素（考慮到您有一個父元素Table，該元素將包裝TableRow或TableHeader元素）。我認爲這將是最合適的方法。

通過這種方式，您可以動態呈現內容，並且還能夠指出需要呈現多少個元素。

您可能正在尋找更準確的將是React.Children.count。