ReactJs， `static defaultProps` 的语法错误

Question

我使用React来编写这个demo。我使用 Webpack 来构建这个演示。当我启动这个演示时，错误将会显示。

ERROR in ./src/app.js Module build failed: SyntaxError: Unexpected token (8:24)

 import React, {Component} from 'react';
    import ReactDOM from 'react-dom';
class Button extends Component {
    constructor(props){
        super(props);

    }
    static defaultProps = {
        color:'blue',
        text: 'Confirm',
    }
    render (){
        return (
            <button className={'btn btn-${color}'}>
                <em>{text}</em>
                <p>This is a button.</p>
            </button>
        );
    }
}
ReactDOM.render(<Button />, document.getElementById('app'));

我从一本书上读到了这个演示。由于书上可能打印了错误的代码。所以我现在问这个问题。

错误显示 static defaultProps = { 不正确。本书也是用这种形式写的。你知道正确的代码吗？

Answer 1

终端在当前目录执行npm install --save-dev babel-preset-stage-0。

添加stage-0到当前目录*.babelrc*文件

{
“预设”:[“react”，“es2015”，“stage-0”]，
}}