2016-07-24 10 views
7

Ich habe dies in einigen React-Dokumentation, sowie Screencasts. Leute schreiben { " " } innerhalb ihrer JSX Vorlagen.Warum setzen Leute {""} in ihre React/JSX?

Warum machen sie das? Es sieht so aus, als ob sie es als Alternative zu Zeilenumbrüchen benutzen, aber ich sehe das nirgends explizit erklärt.

Antwort

11

Dies wird verwendet, um einen expliziten Platz in einem Textblock zu setzen, da führende und nachstehende Leerzeichen zur Kompilierungs-/Umwandlungszeit ignoriert werden, wenn ein anderes Tag vorhanden ist.

Beispiel:

<div> 
Text 
<a>some Text</a> 
</div> 

Wird mit Textsome Text auf dem Bildschirm führen. (siehe den fehlenden Raum)

<div> 
Text{' '} 
<a>some Text</a> 
</div> 

führen wie mit Text some Text auf dem Bildschirm wollte.

+0

Ich bin hinzufügen nicht sicher, das ist das Beispiel, das Sie im Sinn hatte. Wenn nicht, können Sie ein Codebeispiel angeben! –

+0

Was ist los mit dem Schreiben von 'Text etwas Text'? Es wird den Leerraum behalten. –

+0

@CosminAbabei Ja, das würde den Leerraum intakt halten, aber manchmal kann Ihre Textzeile ziemlich lang werden, und Sie müssen sie teilen. Der "offensichtlichste" Split liegt also auf dem "a" -Tag, aber das entfernt den Platz, so dass ein erzwungener manueller Platz benötigt wird –

0

Es wird verwendet, einige führende oder nachgestellte Leerzeichen

render() { 
    return (<div> 
      My name is{' '} 
      <span> Piyush </span> 
      </div> 
     ) 
}