在构造函数ReactJS中设置状态

我在ReactJS教程中看到了处理状态的不同变体。

我看到了以下情况:

class App extends Component {
    constructor () {
        super()
        this.state = {
            message: null,
        };
    }    

    componentDidMount() {
        fetch('/api/hello')
           .then(response => response.json())
           .then(message => this.setState({ message }));
    }
}

和

class App extends Component {
    state = {};

    hello = () => {
        fetch("/api/hello")
           .then(response => response.text())
           .then(message => this.setState({ message }));
    };
}

两者的行为都符合预期,即它能够从 /api/hello . 我想知道两者之间的区别,一个在构造函数中设置状态,另一个不设置状态。