[리액트] React.Fragment 사용하기

React.Fragment

• 지금까지의 jsx기준에 따르면 컴포넌트의 태그들은 여러개가 동일한 위치에 있지 못하고 무조건 하나의 div, 또는 태그로 감싸줘야 했다.
• 이 방법은 나쁘지 않은 방법이지만, 자칫하면 div soup에 빠질 수 있다.

• 이를 해결하기 위해 리액트는 React.Fragment라는 것을 제공한다.
• 사용하는 법은 간단하다. 아래와 같이 두 가지 방법으로 사용하면 된다.

 

 

• 기존 div로만 감싸왔던 태그들이 Fragment를 사용하여 jsx의 규칙도 지키고, div soup에도 빠지지 않는다.