Sto cercando di capire la differenza esatta tra i componenti stateful e stateless di React. Ok, i componenti stateless fanno semplicemente qualcosa, ma non ricordano nulla, mentre i componenti stateful possono fare lo stesso, ma ricordano cose all'interno di this.state
. Questa è la teoria.ReactJS differenza tra stateful e stateless
Ma ora, controllando come mostrare questo codice usando, ho un piccolo problema a fare la differenza. Ho ragione con i seguenti due esempi? L'unica differenza è la definizione della funzione getInitialState
.
Esempio di un componente stateless:
var React = require('react');
var Header = React.createClass({
render: function() {
return(
<img src={'mypicture.png'} />
);
}
});
module.exports = Header;
Esempio di un componente stateful:
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;