只允许在React组件中使用特定类型的子代

小编典典

只允许在React组件中使用特定类型的子代

reactjs

我有一个Card组件和一个CardGroup组件，当CardGroup有不是Card组件的子代时，我想抛出一个错误。这可能吗，还是我想解决错误的问题？

阅读 209

2020-07-22

共1个答案

小编典典

您可以为每个孩子使用displayName，可通过以下类型进行访问：

for (child in this.props.children){
  if (this.props.children[child].type.displayName != 'Card'){
    console.log("Warning CardGroup has children that aren't Card components");
  }  
}

2020-07-22