2017-10-18 56 views
0

我试图制作一个带有Electron和React的桌面应用程序。Electron React App

林allerdings越来越startet和大多数组件的工作,但在我的阵营组成部分我需要一个新的Funktion,如:

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

但经过添加此3(2)行我得到的错误:

app/app.js: Unexpected token (17:11) while parsing file: .../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" 
} } 

The Repo

+0

的一部分将来会发布您的整个React组件代码吗?它是使用'React.createClass'的es6类吗? – pergy

+0

是下面的帮助'const add =()=> {//this.setState({active:this.state.active}); }加入const关键字之前加 – Ramesh

回答

0

这对JavaScript中的类函数来说是无效的语法。

一类具有的功能,像这样:

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

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

所以你的情况,你只需要进行添加使用正确的语法功能的一类

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

语法您使用作为Class Fields Proposal

+0

啊,谢谢没有看到它的es15 :) –

相关问题