語法錯誤：反應項目中的意外標記

Question

我是React的新手，試圖將materialui組件集成到示例項目中。而且我現在面臨以下問題：

Module build failed: SyntaxError: ./app/Tabs.jsx: Unexpected token 
    (9:8) 

    7 | 
    8 | export default class IconLabelTabs extends Component { 
> 9 | state = { 
    |  ^
    10 |  index: 0, 
    11 | }; 
    12 | 

我提到一些博客，發現

​​

中的WebPack但仍面臨着同樣的錯誤。

Answer 1

最有可能你缺少babel-plugin-transform-class-properties插件。

我通常會添加預設stage-0，以便讓我掌握所有這些好東西。

$ npm i -D babel-preset-stage-0 

而在.babelrc或webpack裝載機：

"presets": [ 
    ["es2015", { "modules": false, "loose": true }], 
    "react", 
    "stage-0" 
    ], 

Answer 2

您必須初始化Component構造函數中的狀態變量。你的情況：

./app/Tabs.jsx

export default class IconLabelTabs extends Component { 

    constructor(props) { 
     super(props); 
     this.state = {index: 0}; 
    } 
}