더북(TheBook)

Fragment는 다음과 같은 형태로도 표현할 수 있습니다.

src/App.js

import React from 'react';
 
function App() {
  return (
    <>
      <h1>리액트 안녕!</h1>
      <h2> 작동하니?</h2>
    </>
  );
}
 
export default App;

 

훨씬 간단하지요? 브라우저에서 결과물도 잘 나타나는지 확인해 보세요.

▲ 그림 2-3 JSX 결과물 1

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.