Question

我正在尝试使用Electron和React制作桌面应用程序。

我开始过敏并且大多数组件都在工作，但在我的React组件中，我需要制作一个新的Funktion：

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

但是在添加这3（2）行之后我得到了错误：

app / app.js：解析文件时出现意外的令牌（17:11）：... / app / app.js

到目前为止这是我的package.json：

{
"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"
} }

specification

Answer 1

这不是Javascript中类函数的有效语法。

一个类具有如下函数：

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

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

因此，在您的情况下，您只需要为类中的函数添加正确的语法

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

您使用的语法将来会成为Class Fields Proposal

的一部分

电子反应应用程序

1 个答案: