ES7 decorator не работает над классом с набором «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