在构造函数中

这是将属性附加到类实例的“常规”标准方法。

直接上课

class fields proposal 目前正处于第三阶段(2018年10月1日)。你需要 babel/plugin-proposal-class-properties

同 constructor which is deprecated by the way

现在您应该知道componentWillMount已被弃用,您不应该使用它。至于在构造函数中设置state或as class属性是相同的,您可以使用其中任何一个,我更喜欢class属性。

这是 class field proposal :

class MyComponent extends React.Component {
    state = { ... }
}

它是用于:

class MyComponent extends React.Component {
    constructor(props) {
        super(props);
        this.state = { ... }
    }
}

前者较短,除非需要显式构造函数,否则由于其简洁性,在transpiled React应用程序中可以被认为是更好的方法。

ComponentWillMount 生命周期挂钩 was renamed to UNSAFE_componentWillMount and deprecated 以建造商为受益人:

不安全的\u componentWillMount()在装载发生之前被调用。它在render()之前调用,因此在此方法中同步调用setState()不会触发额外的呈现。通常,我们建议使用构造函数()来初始化状态。