我可以在渲染之前对JSX中的元素进行计数吗？

Question

我有一个有表格的类。问题是，列中的数量可能会有所不同。当没有数据加载到表格时，我需要在这里显示一条消息，如“无数据”，使用<td colSpan="#"></td>。我需要确定表中colSpan的列数，换句话说，我要计算表头中的th元素的数量。有没有可能在render方法或者有更好的方法来做到这一点？

我想我可能使表，而“无数据”消息，然后在componentDidUpdate使用jQuery插入，但东西告诉我这是一个坏主意...

Answer 1

可以使用React Children实用程序确定内部是否有任何元素（考虑到您有一个父元素Table，该元素将包装TableRow或TableHeader元素）。我认为这将是最合适的方法。

通过这种方式，您可以动态呈现内容，并且还能够指出需要呈现多少个元素。

您可能正在寻找更准确的将是React.Children.count。