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 --stage 0 

或

babel --optional es7.classProperties