Ich versuche, den genauen Unterschied zwischen den zustandsbehafteten und den zustandslosen Komponenten von React zu verstehen. Ok, zustandslose Komponenten tun einfach etwas, aber erinnern sich an nichts, während zustandsbehaftete Komponenten das Gleiche tun, aber sie erinnern sich an Dinge inthis.state. Das ist die Theorie.

Aber jetzt, wenn ich prüfe, wie dies mit Code gezeigt wird, habe ich ein wenig Probleme, den Unterschied zu machen. Habe ich recht mit den folgenden zwei Beispielen? Der einzige Unterschied ist wirklich die Definition desgetInitialState Funktion.

Beispiel einer zustandslosen Komponente:

var React = require('react');

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

module.exports = Header;

Beispiel für eine zustandsbehaftete Komponente:

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;