javascript - 如何设置 React 类(ES6)的显示名称？

Question

我尝试了多种方法来设置我的 React 组件的显示名称，但没有一个有效:我尝试将其设置为公共(public)静态变量，如下所示:

class Base extends React.Component<any, any>{
    public static displayName = "Base";
    constructor(props){
        ...
    }
    render(){
        ...
    }
}

但是 eslint 仍然抛出这个错误:

错误组件定义缺少显示名称react/display-name

我尝试了另一种方法，将其设置在类定义之外:

class Base extends React.Component<any, any>{
    constructor(props){
        ...
    }
    render(){
        ...
    }
}
Base.displayName = "Base";

我最终收到一条错误消息:

类型“typeof Base”上不存在属性“displayName”。

我尝试了其他 Stackoverflow 帖子中的不同方法，但似乎无法消除该错误。我该如何解决这个问题？请帮忙。

编辑:在下面回答了我自己的问题。这个问题的核心似乎是关于匿名函数而不是 React 类。

Answer 1

不要使用 public static displayName = "Base"; 删除 public 并像 static displayName = "Base"; 一样使用它

class Base extends React.Component<any, any>{
    static displayName = "Base";
    constructor(props){
        ...
    }
    render(){
        ...
    }
}