Als Beispiel, hier ist die Komponente mit React.createClass
.
var DayNames = React.createClass({
render: function() {
return <div className="week names">
<span className="day">Sun</span>
<span className="day">Mon</span>
<span className="day">Tue</span>
<span className="day">Wed</span>
<span className="day">Thu</span>
<span className="day">Fri</span>
<span className="day">Sat</span>
</div>;
}
});
Hier ist es wieder als zustandslose Funktionskomponente.
function DayNames() {
return <div className="week names">
<span className="day">Sun</span>
<span className="day">Mon</span>
<span className="day">Tue</span>
<span className="day">Wed</span>
<span className="day">Thu</span>
<span className="day">Fri</span>
<span className="day">Sat</span>
</div>;
}
Und hier ist es wieder als ES2015-Klasse.
class DayNames extends React.Component {
render() {
return <div className="week names">
<span className="day">Sun</span>
<span className="day">Mon</span>
<span className="day">Tue</span>
<span className="day">Wed</span>
<span className="day">Thu</span>
<span className="day">Fri</span>
<span className="day">Sat</span>
</div>;
}
}
Es gibt keine createClass in einer anderen Klasse. Sie erstellen ** Kalender, DayNames und Week ** unabhängig als Komponenten. – Hosar
@Hosar kannst du 'var DayNames = React.createClass ({...})' betrachten? Warum benutzt man nicht einfach eine normale Funktion? Es ist eine Komponente, wie sieht das in es6 aus? – Mellisa