2016-07-24 19 views
7

Mam to w niektórych dokumentach React, a także screencastach. Ludzie będą pisać { " " } w swoich szablonach JSX.Dlaczego ludzie umieszczają {""} w swoim React/JSX?

Dlaczego to robią? Wygląda na to, że używają go jako alternatywy dla podziałów wierszy, ale nie widzę, że wyraźnie wyjaśnione w dowolnym miejscu.

Odpowiedz

11

Służy do wstawiania spacji w bloku tekstowym, ponieważ początkowe i końcowe spacje są ignorowane podczas kompilacji/transformacji, gdy istnieje inny znacznik.

przykład:

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

nie spowoduje Textsome Text na ekranie. (patrz brakującą przestrzeń)

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

Spowoduje jak chciał z Text some Text na ekranie.

+0

nie jestem pewien, że to przykład miałeś na myśli. Jeśli tak nie jest, czy możesz podać przykład kodu! –

+0

Co jest nie tak z pisaniem 'Text jakiś tekst'? Utrzyma białą przestrzeń. –

+0

@CosminAbabei Tak, to zachowałoby białe znaki w porządku, ale czasami linia tekstu może stać się dość długa i trzeba ją podzielić. Tak więc najbardziej "oczywisty" podział znajduje się na tagu 'a', ale to usuwa przestrzeń, więc potrzebne jest wymuszone ręczne miejsce –

0

Służy dodać kilka spacji początkowych lub końcowych

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