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

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

最佳答案

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

如果是数组，则可以使用this.props.children.map遍历它们，然后可以找到组件的名称或类型，如下所示：

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

关于javascript - 检查React组件是否为空或没有子组件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37952388/