爲什麼可汗學院只使用空白空間的模板？

Question

在可汗學院的Perseus回購，他們使用{' '}而不是原始 。

這是什麼目的？

Answer 1

在JSX中，與HTML不同，換行符不計爲空格。例如，在HTML中，以示彼此相鄰的一些圖像，而它們之間的空白，同時把他們在HTML單獨的行，你必須do something like

<p><!-- 
    --><img src="." alt="" /><!-- 
    --><img src="." alt="" /><!-- 
    --><img src="." alt="" /><!-- 
    --><img src="." alt="" /><!-- 
--></p> 

在反應，相同的佈局可以與實現

<p> 
    <img src="." alt="" /> 
    <img src="." alt="" /> 
    <img src="." alt="" /> 
    <img src="." alt="" /> 
</p> 

這意味着，如果你做希望他們之間的空間，你必須自己聲明它們;如果你想有一個非換空間，可以使用&nbsp，但如果你想有一個規律，突破空間，可以使用{' '}在JavaScript中指定：

<p> 
    <img src="." alt="" />{' '} 
    <img src="." alt="" />{' '} 
    <img src="." alt="" />{' '} 
    <img src="." alt="" /> 
</p> 

因爲換行符不作爲空格算，你也可以寫爲

<p> 
    <img src="." alt="" /> 
    {' '} 
    <img src="." alt="" /> 
    {' '} 
    <img src="." alt="" /> 
    {' '} 
    <img src="." alt="" /> 
</p> 

當然，你也可以使用CSS應用間距的圖像，但它是目前很多harder to remove spacing via just CSS。