React esegue il rendering di più campate, solo con il valore effettivo. Qualche consiglio su come risolvere questo problema:Riduzione degli intervalli ripetuti in React.js?
E se ne importa, il nome dell'utente, non è supponiamo di essere in un arco, ma come innerHTML di ".chatUser"
Il il metodo di rendering effettivo è breve:
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>
);
}
Grazie!
Rimuove gli spazi bianchi attorno a '{this.createShortUsername()}' fa qualcosa? Sospetto che gli span vengano aggiunti al contenuto dinamico separato (il nome utente) dal contenuto statico (gli spazi bianchi). – ivarni
React avvolge qualsiasi nodo di testo mobile in un intervallo in modo che possa assegnarlo un ID e richiamarlo rapidamente in un secondo momento durante gli aggiornamenti e la riconciliazione. Come suggerito da @ivarni, gli spazi bianchi iniziali e finali possono generare span vuoti. Se questo si verifica sul server e non hai bisogno del markup extra (quindi vuoi semplicemente '' '
Questo l'ha risolto! voi ragazzi siete fantastici, grazie mille! – kaid