React rendert mehrere Spannen, nur mit dem tatsächlichen Wert. Jede Beratung, wie man dieses Problem beheben:Rid der wiederholten Spannen in React.js?
Und wenn es eine Rolle, der Name des Benutzers ist wohl nicht in einer Spanne zu sein, aber als innerHTML- von „.chatUser“
Der tatsächliche Render-Methode ist kurz:
createShortUsername: function() {
// shortName is first two letter of first name.
var shortName = this.props.userName.split(" ")[0].slice(0, 2);
console.log(shortName);
return shortName;
},
render: function() {
return (
<div className="chatUser"> {this.createShortUsername()} </div>
);
}
Vielen Dank!
Macht das Entfernen der Leerzeichen um '{this.createShortUsername()}' irgendetwas? Ich vermute, dass die Spannen hinzugefügt werden, um dynamischen Inhalt (den Benutzernamen) von statischem Inhalt (den Whitespaces) zu trennen. – ivarni
React umschließt alle unverankerten Textknoten in einem Bereich, sodass er ihnen eine ID zuweisen und bei Aktualisierungen und Abgleichen später schnell darauf zurückkommen kann. Wie @ivarni vorgeschlagen hat, können führende und nachfolgende Leerräume leere Bereiche generieren. Wenn dies auf dem Server geschieht und Sie das zusätzliche Markup nicht benötigen (also wollen Sie nur '' '
Das hat es behoben! Ihr seid großartig, vielen Dank! – kaid