왜 사람들은 리액트/JSX에 { " }을(를) 넣을까요?

왜 사람들은 리액트/JSX에 { " }을(를) 넣을까요?

이 내용은 React 문서와 스크린캐스트에 나와 있습니다.사람들은 글을 쓸 것이다.{ " " }JSX 템플릿 안에 있습니다.

그들은 왜 이런 일을 할까?줄 바꿈의 대체 수단으로 사용하고 있는 것 같습니다만, 어디에서도 명확하게 설명되고 있지 않습니다.

다른 태그가 있는 경우 컴파일/변환 시 선행 및 후행 공간은 무시되므로 텍스트 블록에 명시적 공간을 넣기 위해 사용됩니다.

예:

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

으로 귀결국Textsome Text화면에 표시됩니다.(스페이스 누락 참조)

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

로 원하는 결과를 얻을 수 있습니다.Text some Text화면에 표시됩니다.

선행 또는 후행 공백을 추가하는 데 사용됩니다.

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

언급URL : https://stackoverflow.com/questions/38547558/why-do-people-put-in-their-react-jsx