Tại sao mọi người đặt {""} trong React/JSX của họ?

Question

Tôi có điều này trong một số tài liệu React, cũng như screencasts. Mọi người sẽ viết { " " } bên trong các mẫu JSX của họ.

Tại sao họ thực hiện việc này? Có vẻ như họ đang sử dụng nó như là một giải pháp thay thế cho các ngắt dòng, nhưng tôi không thấy giải thích rõ ràng ở bất cứ đâu.

Answer 1

Điều này được sử dụng để đặt một khoảng trống rõ ràng trong khối văn bản, vì khoảng trắng đầu và cuối được bỏ qua tại thời gian biên dịch/chuyển đổi khi có một thẻ khác.

Ví dụ:

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

Sẽ cho kết quả với Textsome Text trên màn hình. (xem gian mất tích)

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

Sẽ cho kết quả như mong muốn với Text some Text trên màn hình.

Answer 2

Nó được sử dụng để thêm một số không gian ở đầu hoặc cuối

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