React Dev Tools 未显示组件名称

Question

我加入了一个团队。 有成千上万的组件和代码。 找到组件的确切位置需要花费大量时间。 这就是为什么当我打开React 开发工具时，我看到下面这张图片。我对此进行了很多研究，并且我了解 React.memo、forwardRef 导致了这个问题。 但我找不到我想找到的解决方案。

Answer 1

对于遇到此问题的任何人，我通过更改所有无名导出默认组件来修复它。

示例：我改变了这个

 export default () => { //your component }

进入这个：

const Xyz = () => { //your component }

export default Xyz