如何接收孩子的孩子？

Question

我想跳过一个子封装以直接访问孙子。

this.props.children.map((x) => ...);

上面的示例用于循环父级的子级……但是我如何遍历子级的子级？

我试图访问孩子的孩子，但这给了我一个未定义的异常。

this.props.children.map((x) => return x.children);

Answer 1

this.props.children不是数组。 您应该在应用地图转换之前对其进行转换。

let children = React.Children.toArray(this.props.children)
children.map((x) => return x.props.children);

您还必须访问儿童道具才能访问其儿童。

Answer 2

这对你有用：

const level2Child = this.props.children.map(child => {
        return child.props.children;
});

Answer 3

代替：

this.props.children.map((x) => return x.children);

用：

this.props.children.map((x) => return x.props.children);

Answer 4

您很难获得解决您问题的人员的确切代码。 相反，我建议您采用“递归”的方法。