พื้นที่ไม่ทำลายสำหรับ React?

ฉันต้องแยกข้อมูลบางส่วนเพื่อให้มีช่องว่างหลังชื่อหน่วย วิธีที่เหมาะสมในการเพิ่มช่องว่างหลังจากการโทรข้อมูลของคุณคืออะไร?

เนื่องจากฉันยังใหม่กับการตอบสนอง ฉันจึงลองเพิ่มพื้นฐาน   ของคุณโดยไม่มีผลลัพธ์

ตัวอย่าง:

<span>{unit.name}&nbsp;</span>

ฉันได้ลองบางอย่างเช่น:

{unit.name, "\u00A0"}

และ

<span>{unit.name}{' '}</span>

person brooksrelyt    schedule 30.01.2019    source แหล่งที่มา
comment
เป็นไปได้ที่ซ้ำกันของ stackoverflow.com/ คำถาม/24432576/   -  person Maielo    schedule 30.01.2019


คำตอบ (2)


<span>{unit.name} </span>

คุณก็แค่เขียนปริภูมิตามตัวอักษรได้

person Joss Classey    schedule 30.01.2019
comment
นี่คือแซนด์บ็อกซ์สำหรับสำรองคำตอบของ @Joss Classey codesandbox.io/s/j7yn54wm05 - person dance2die; 30.01.2019

หากเป็นข้อความยาว คุณสามารถดำเนินการดังนี้:

<span style={{whiteSpace: 'nowrap'}}>Long line with no breaks</span>
person Hamed    schedule 30.01.2019