js react shortcut =の意味がわからない

Question

react-shortcut

上記リンク中のコード

import { Shortcuts } from `react-shortcuts`

class TodoItem extends React.Component {
  _handleShortcuts = (action, event) => {
    switch (action) {
      case 'MOVE_LEFT':
        console.log('moving left')
        break
      case 'MOVE_RIGHT':
        console.log('moving right')
        break
      case 'MOVE_UP':
        console.log('moving up')
        break
      case 'COPY':
        console.log('copying stuff')
        break
    }
  }

  render() {
    return (
      <Shortcuts
        name='TODO_ITEM'
        handler={this._handleShortcuts}
      >
        <div>Make something amazing today</div>
      </Shortcuts>
    )
  }
}

をvscodeにコピペしたら、４行目の
_handleShortcuts = (action, event) => {
の所で　=が期待されていない演算子とvscodeに指摘されてしまいました。
原因がわからないので助けていただきたいです。

Answer 1

https://github.com/tc39/proposal-class-fields/blob/master/README.md

クラスフィールドシンタックスというものです。

どういった開発環境でコピペして、その結果、「=が期待されていない演算子とvscodeに指摘されてしまいました。」となったのかが具体的に記されていないので、何とも言えませんが、おそらく、それに対応したbabelのプラグインを追加する必要があるかと思います。

https://babeljs.io/docs/plugins/transform-class-properties/

参考
https://babeljs.io/

Answer 2

クラスのメンバだから":"にしないと