Javascript 是否可以重命名重新组合HOC（以获得更好的堆栈跟踪）？

我喜欢重新组合，但当我使用它时，我得到的堆栈跟踪有如下行：

是否有任何方法可以为各个HOC组件提供某种类型的“显示名称”，以获得更可读的堆栈跟踪？

检查此部分：

我相信您可以为名为

displayName

的组件分配一个静态属性，该属性将被传递到堆栈跟踪以及React chrome扩展

因此，如果您的HOC是这样组成的，您可以只写：

const MyComponent = withProps(withHandlers(withHandlers(SelectionOverlay)))

MyComponent.displayName = "ArbitraryValue"

---

有一种

setDisplayName

方法似乎可以满足您的要求-

您可能想尝试一下，而不是到处使用

setDisplayName

，它的目的是准确地解决

重新组合

ed组件的可怕嵌套问题

---

作为一个令人愉快的添加，显示它比

重新组合

快一点

嗯，我试着完全这样做，但它没有出现在堆栈跟踪中：（不确定。它肯定有文档记录：所以我会看到还有其他东西在包装它。发布代码，我可以提供更多信息：）

const MyComponent = withProps(withHandlers(withHandlers(SelectionOverlay)))

MyComponent.displayName = "ArbitraryValue"