reactjs - 如何在 React 中使用 ES6 类设置初始状态？

Question

我创建了下面的类

class App extends Component{
     render() {
         return (
             <div className="app"></div>
         );
     }
}

如何设置初始状态？
getInitialState() 不起作用？我究竟做错了什么？
React 文档也没有帮助。

Answer 1

Jenna 的精彩答案还有一个快捷方式，它不使用 constructor 或 this:

class App extends Component {
    state = {
        text: 'Hello World'
    };

    render() {
        return (
            <div>
                {this.state.text}
            </div>
        );
    }
}

一个简化的示例表明，两种情况下的输出是相同的:

• Babel with constructor
• Babel without constructor

但是，如果我们扩展父类，则转换后的输出确实会有所不同，因为构造函数中的参数数量未知。