Я пытаюсь понять точное различие между компонентами React с состоянием и без состояния. Хорошо, компоненты без состояния просто что-то делают, но ничего не помнят, в то время как компоненты с состоянием могут делать то же самое, но они запоминают вещи внутриthis.state, Это теория.

Но теперь, проверяя, как показать это с помощью кода, у меня есть небольшая проблема, чтобы изменить ситуацию. Прав ли я со следующими двумя примерами? Единственная разница на самом деле является определениеgetInitialState функция.

Пример компонента без состояния:

var React = require('react');

var Header = React.createClass({
    render: function() {
        return(
            <img src={'mypicture.png'} />
        );
    }
});

module.exports = Header;

Пример компонента с состоянием:

var React = require('react');

var Header = React.createClass({

    getInitialState: function() {
        return {
            someVariable: "I remember something"
        };
    },

    render: function() {
        return(
            <img src={'mypicture.png'} />
        );
    }
});

module.exports = Header;