レンダリング前にJSXの要素を数えることはできますか？

Question

私はそこにテーブルを持っているクラスを持っています。問題は、列の量が異なることがあります。テーブルにデータがロードされていないときは、「no data」のようなメッセージを<td colSpan="#"></td>を使って表示する必要があります。 colSpanの表の列数を決定する必要があります。換言すれば、表のヘッダーにあるth要素の数を数えたいと思います。 renderメソッドで可能でしょうか、それとももっと良い方法がありますか？

あなたがにReact Childrenユーティリティを使用することができます

Answer 1

...それは悪いアイデアだ私はその「データなし」メッセージを表示せずにテーブルをレンダリングし、その後componentDidUpdateでのjQueryを使用して、それを挿入することができると思いますが、何かが私に語りました（TableRowまたはTableHeader要素をラップする親のTable要素があるとみなして）内部に要素があるかどうかを判断します。私はそれがここで最も適切なアプローチだろうと思う。

このようにして、コンテンツを動的にレンダリングしたり、レンダリングする必要のある要素の数を知ることができます。

もっと正確にお探しの方はReact.Children.countとなります。