当你遇到以下情况时,React开发工具可以完美运行(正确地在“组件”选项卡中显示组件的名称):
const MyComponent = ...
export { MyComponent }
但是,如果将其更改为内联导出:
export const MyComponent = ...
它将组件名称显示为“匿名”。
一般而言,内联导出有什么问题吗?
对于内联导出,你需要手动指定displayName属性(我知道,这很痛苦)。
所以你也是
export const MyComponent = () => {
//stuff happens here
}
MyComponent.displayName = "MyComponent";
我认为
export function MyComponent() {
可行,短绒棉通常会在您抱怨时提出要求,const MyPureComponent= React.memo(()=>{
但cosnt MyPureComponent = React.memo(function MyPureComponent() {
会解决此问题。知道了,但这绝对是开发工具的问题,您认为呢?