電子反應應用

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

回購

Answer 1

這對於Javascript中的類函數無效，語法無效。

一個類具有如下功能：

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

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

因此，在您的情況下，您只需要使add為類中的函數使用正確的語法

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

您將來使用的語法將作為“ 類字段提案”的一部分提供