如何将子组件更改为PureComponent

Question

目前我有一个包装器组件，可以为其所有子项添加名称字段，如下所示：

function BindStatus(props) {
  return React.Children.map(
    props.children,
    (child) => (
      React.cloneElement(child, {
        name: props.name,
      })
    )
  );
}

它有效，但是我希望有一个新功能，当子组件不从PureComponent继承时，我会将其更改为从PureComponent继承，然后渲染它们。

我知道如何通过HOC换行来实现这一点，但是从那以后我们处理的是react element而不是component，不知道该怎么做这一点。

有什么想法吗？ 感谢