检查React组件是否为空或没有子组件

Question

如何检查React组件是否为空或没有子组件？例如，如果我有一个名为Component A的组件，我该如何检查它是否包含组件B？

Answer 1

您可以使用this.props.children获取任何子组件。如果只有一个子节点，this.props.children将指向该子组件，否则它将返回子组件数组。

如果它是一个数组，你可以使用this.props.children.map循环遍历它们，你可以找到这样的组件的名称或类型：

this.props.children.map(child => console.log(child.type))