Estou tentando entender a diferença exata entre os componentes com e sem estado do React. Ok, componentes sem estado simplesmente fazem algo, mas não se lembram de nada, enquanto componentes com estado podem fazer o mesmo, mas eles se lembram de coisas dentrothis.state. Essa é a teoria.

Mas agora, verificando como mostrar isso usando código, tenho alguns problemas para fazer a diferença. Estou certo com os dois exemplos a seguir? A única diferença realmente é a definição dogetInitialState função.

Exemplo de um componente sem estado:

var React = require('react');

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

module.exports = Header;

Exemplo de um componente com estado:

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;