我可以在渲染之前计算JSX中的元素吗？

Question

我有一个包含表格的类。问题是，其中的列数可能会有所不同。当没有数据加载到表格中时，我需要在这里显示一条消息，例如＆＃34;没有数据＆＃34;，使用<td colSpan="#"></td>。我需要确定colSpan表格中的列数，换句话说，我想计算表格标题中th个元素的数量。有可能采用render方法或者有更好的方法吗？

我想我可以在没有那个＆＃34;没有数据＆＃34;消息，然后在componentDidUpdate中使用jQuery插入它，但有些东西告诉我这是一个坏主意......

Answer 1

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

通过这种方式，您可以动态呈现内容，并且还可以告知需要呈现的元素数量。

您可能正在寻找的更多内容是React.Children.count。