JSX에서 Fragments를 사용하는 방법은 간단합니다. <React.Fragment> 태그를 사용하여 여러 요소를 감싸주면 됩니다. 또는, 축약형으로 <>와 </>를 사용할 수도 있습니다.

아래는 Fragments를 사용하는 예시입니다.

import React from 'react';

function App() {
  return (
    <>
      <h1>Hello</h1>
      <p>How are you?</p>
    </>
  );
}

export default App;

위의 코드에서 <h1>과 <p> 요소는 <React.Fragment> 또는 <>와 </>로 감싸져 있습니다. 이를 통해 불필요한 div 요소를 사용하지 않고도 여러 요소를 그룹화할 수 있습니다.

Fragments를 사용하면 코드를 더 읽기 쉽고 유지보수하기 쉽게 만들어주므로, React 프로젝트에서 활용하면 좋습니다.

자세한 내용은 React 공식 문서를 참고하세요.