模塊構建失敗：SyntaxError：意外的令牌

我是React的新手。我嘗試運行在線學習資源中的示例代碼，但是得到了讓我完全困惑的錯誤。誰能告訴我究竟出了什麼問題？模塊構建失敗：SyntaxError：意外的令牌

我創建了一個Refs.js和代碼如下

import React, { Component } from 'react'; 

class Refs extends Component { 

    state = { liked: false } 

    handleClick = (event) => { 
    this.setState({liked: !this.state.liked}); 
    } 

    render() { 
    let text = this.state.liked ? 'Like' : 'Dislike'; 

    return (
     <p onClick={this.handleClick}> 
     I {text} Apple. 
     </p> 
    ); 
    } 
} 

export default Refs;

上市而且我得到了錯誤模塊構建失敗：語法錯誤：意外的令牌

5 | class Refs extends Component { 
    6 | 
> 7 | state = { liked: false } 
    |  ^
    8 | 
    9 | handleClick = (event) => { 
    10 |  this.setState({liked: !this.state.liked});

另外，我發現了編碼React在不同的在線資源上有着巨大的差異（）比如類Refs擴展Component或者類Refs擴展React.Component或者var Refs = React.createClass）。任何人都可以告訴我反應的確切代碼標準是什麼？我發現通過與之前學過的JQuery/Angular相比，學習React真的讓人困惑。現在我甚至不確定我是否可以在課堂上聲明一個變量。我知道我在這個單線程中提出了很多問題。但我確實希望有人能幫我解決我的困惑。先謝謝你。

來源

2016-11-04 Wei Zhang

您需要添加一個constructor功能如文檔指定here

在你情況下，將是這樣的

constructor(props) { 
    super(props); 

    this.state = { 
     liked: false 
    }; 
}

來源

2016-11-04 13:14:15 Jasmine

模塊構建失敗：SyntaxError：意外的令牌

回答

相關問題