Electron React App

Question

Im trying to make a Desktop App with Electron and React.

Im allerdings getting startet and the most components are working, but in my React component I need to make a new Funktion like:

add = () => {
  //this.setState({active: !this.state.active})
}

But after adding this 3 (2) Lines i get the error:

app/app.js: Unexpected token (17:11) while parsing file: .../app/app.js

this is my package.json so far:

{
"name": "rac",
"productName": "rac-desktop",
"version": "1.0.0",
"description": "desktop",
"main": "main.js",
"scripts": {
  "start": "electron main.js",
  "watch": "watchify app/app.js -t babelify -o public/js/bundle.js -- debug --verbose"
},
"author": "timo",
"license": "MIT",
"dependencies": {
 "axios": "^0.16.2",
 "babel-preset-es2015": "6.24.1",
 "babel-preset-react": "6.24.1",
 "babelify": "7.3.0",
 "classnames": "2.2.5",
 "electron-prebuilt": "^1.4.13",
 "electron-reload": "^1.2.2",
 "react": "^16.0.0",
 "react-dom": "^16.0.0",
 "semantic-ui-react": "^0.75.1"
} }

The Repo

Answer 1

That is not valid syntax for a class function in Javascript.

A class has functions like so:

class Test {
  constructor() {
    // do stuff  
  }

  // basic function
  doSomething() {
    this.test++;
  }
}

So in your case you just need to make add use the correct syntax for a function in a class

add() {
  this.setState({active: !this.state.active});
}

The syntax you have used is coming in the future as part of the Class Fields Proposal