react-dnd中出现意外的令牌@DragDropContext

Question

我试图将react-dnd添加到我的项目中，但注释@DragDropContext出错。 这是错误：

  

./ SRC /组件/ card.js   语法错误：意外的令牌（6：4）

 @DragDropContext(HTML5Backend)

这是我的代码：

import React, { Component } from 'react';
import { DragDropContext } from 'react-dnd'
import HTML5Backend from 'react-dnd-html5-backend'

@DragDropContext(HTML5Backend)

export default class Pane extends Component {
    render() {
       return (
        <h1>test draggable</h1> 
       )
    }
}

我还在package.json中将"babel-plugin-transform-decorators": "^6.24.1"和"babel-plugin-transform-decorators-legacy": "^1.3.4"添加到 devDependencies ，但仍然是同样的错误。

我真的不知道还能做些什么才能解决这个问题。