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

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

您可以使用

this.props.children

获取任何子组件。如果只有一个子组件，

this.props.children

将指向该子组件，否则它将返回一个子组件数组

如果它是一个数组，您可以使用

this.props.children.map

循环遍历它们，您可以找到组件的名称或类型，如下所示：

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