Can't support arrow function in class.

[ghost]

I got below error. It doesn't support arrow function in class.

SyntaxError: src/Test/Components/Footer.js: Unexpected token (38:11)
36 | }
37 |

38 | toggleTc = () => {
| ^
39 | this.setState({
40 | tcModal: !this.state.tcModal,
41 | });

[drewandre]

You need to add @babel/plugin-proposal-class-properties to your .babelrc file:

  "env": {
    "development": {
      "presets": [
        "@babel/env"
      ],
      "plugins": [
        "@babel/plugin-proposal-class-properties"
      ]
    },
    "production": {
      "presets": [
        "@babel/preset-react",
        "@babel/env",
        [
          "minify", {
            "builtIns": false
          }
        ]
      ],
      "plugins": [
        "transform-remove-console",
        "@babel/plugin-proposal-class-properties"
      ]
    }
  }
}