Reactjs React Developer Tools将所有组件显示为;“匿名”;

Reactjs React Developer Tools将所有组件显示为;“匿名”;,reactjs,typescript,react-devtools,Reactjs,Typescript,React Devtools,我已经在Google Chrome上安装了React开发者工具扩展来调试用TypeScript编写的React应用程序,但是一旦我开始调试应用程序并打开“组件”窗口,所有组件都显示为“匿名” 当然,应用程序主要使用功能组件 有人知道是否有办法让React Developer Tools在其组件树中显示组件名称吗?如果您使用的是导出的匿名功能组件或备忘录组件;它将显示为Anonymous 请参阅— 或者尝试这里提到的解决方案-当您这样定义组件时,会发生这种情况: //默认箭头函数导出 导出默认值(

我已经在Google Chrome上安装了React开发者工具扩展来调试用TypeScript编写的React应用程序,但是一旦我开始调试应用程序并打开“组件”窗口,所有组件都显示为“匿名”

当然,应用程序主要使用功能组件


有人知道是否有办法让React Developer Tools在其组件树中显示组件名称吗?

如果您使用的是导出的匿名功能组件或备忘录组件;它将显示为
Anonymous

请参阅—


或者尝试这里提到的解决方案-

当您这样定义组件时,会发生这种情况:

//默认箭头函数导出
导出默认值()=>{
// ...
}
//默认函数导出
导出默认函数(){
// ...
}
您可以替换为以下内容来解决此问题:

const CustomComponent=()=>{
// ...
}
导出默认自定义组件;