ES7 装饰器不适用于设置了“displayName”的类

Question

我正在将 React DnD 添加到我正在构建的应用程序中，并且已经意识到使用以下语法的 ES7 装饰器不起作用（据我所知）：

@DragDropContext(HTML5Backend)
export class App extends React.Component {
    ...
}
App.displayName = 'My App'

但是，如果我删除 App.displayName 行，一切正常。为什么？

我应该如何设置 displayName 属性？

Answer 1

由于您已经在使用 ES7 功能，您可以使用 ES7 class properties。这些都在第 0 阶段。

@DragDropContext(HTML5Backend)
export class App extends React.Component {
    static displayName = 'My App';
    //or just
    //displayName = 'My App';
}

如果您使用的是 babel，则需要使用以下功能启用功能

babel --stage 0

或

babel --optional es7.classProperties