Функция декоратора не работает (неожиданный токен)

Question

Только что попробовал использовать декораторы в React:

import React from 'react';
import Fade from './Transitions/Fade'
import withVisible from './withVisible'

@withVisible()
const App = props =>
    <Fade visible={props.visible} duration={500}>
        Hello
    </Fade>

export default App

Если я использую обычный способ (withVisible () (App)), то он работает правильно. (Я предполагаю, что NodeJS не может скомпилировать мой код с @) [Синтаксическая ошибка: неожиданный токен (@)]

import React from 'react'

const withVisible = () => Component =>
    class WithVisible extends React.Component {
        state = {
            visible: true
        }
        render() {
            return (
                <Component visible={this.state.visible} {...this.props}/>
            )
        }
    }

export default withVisible

Answer 1

Вам нужен transform-decorators-legacy плагин babel, чтобы этот синтаксис работал.

Answer 2

Возможно, ваш .babelrc не добавил плагин декоратора.Попробуйте это: https://babeljs.io/docs/plugins/transform-decorators