私は大好きrecomposeですが、それを使用すると、次のような行を持つスタック トレースが表示されます。
in withProps(withHandlers(withHandlers(SelectionOverlay))) (created by withState(withProps(withHandlers(withHandlers(SelectionOverlay)))))
個々の HOC コンポーネントに何らかの「表示名」を付けて、より読みやすいスタック トレースを取得する方法はありますか?
setDisplayNameあなたが求めていることを行うと思われる方法が利用可能です- https://github.com/acdlite/recompose/blob/master/docs/API.md#setdisplayname
このセクションをチェックしてください: https://github.com/acdlite/recompose#build-your-own-libraries
呼び出されたコンポーネントに静的プロパティを割り当てるだけで、displayNameスタック トレースと React chrome 拡張に渡されると思います。
したがって、HOC がこのように構成されている場合は、次のように記述できます。
const MyComponent = withProps(withHandlers(withHandlers(SelectionOverlay)))
MyComponent.displayName = "ArbitraryValue"