Question

如果这是一个非常基本的问题，那么React和JSX的新手就会道歉。

我有一个＆＃34; GrandParent＆＃34;节点，我可以计算＆＃34;父母＆＃34;节点使用：

 {React.Children.count(this.props.children)

然而 - 给予特定的＆＃34;父母＆＃34; - 我怎样才能归还孩子的数量？我可以在父级别进行，但无法弄清楚如何在GrandParent级别进行此操作。

像往常一样 - 最好通过例子来解释，所以我有一个例子： http://jsfiddle.net/zuoza31g/1/

我希望我的输出为：

I am the grandfather 'Grandfather'
I have '1' children
I have '4' grandchildren

I am the father 'Father' 
I have '4' children

I am a son 'Son 1'
I am a son 'Son 2'
I am a son 'Son 3'
I am a son 'Son 4'

这是一个更大问题的一部分，所以我将其简化为这个例子。

有人可以帮忙吗？

Answer 1

您可以使用以下代码计算大孩子的数量：

    var count = 0;
    React.Children.forEach(this.props.children, function (child){
        count = count + React.Children.count(child.props.children);
    });

以下是您实施此解决方案的小提琴：http://jsfiddle.net/db8o8920/

如何计算孙子的数量

1 个答案: