在什么情况下这段代码来自 React 文档可能会失败，或者实际上触发最终的回退条件？

问题描述

React 文档包含以下代码段，用于提取 HOC (function getDisplayName) 中组件的名称。请参阅下面的 getdisplayName 实现。

function withSubscription(WrappedComponent) {
  class WithSubscription extends React.Component {/* ... */}
  WithSubscription.displayName = `WithSubscription(${getdisplayName(WrappedComponent)})`;
  return WithSubscription;
}

function getdisplayName(WrappedComponent) {
  return WrappedComponent.displayName || WrappedComponent.name || 'Component';
}

那么在什么情况下函数会获取不到组件名称呢？并只返回通用字符串“组件”。如果是这样，有什么方法可以减轻/处理此类情况？

解决方法

那么在什么情况下函数会获取不到组件名称？

如果给定的组件既没有 displayName 也不是函数或类，例如使用 React.forwardRef 创建时。

如果是这样，有什么方法可以减轻/处理此类情况？

目前没有针对这种情况的公共 API。订阅 https://github.com/facebook/react/issues/14319 以获取有关此问题的更新。