더북(TheBook)

2.4.1 감싸인 요소

 

컴포넌트에 여러 요소가 있다면 부모 요소 하나로 꼭 감싸야 합니다. 한번 App.js 파일의 render() 함수 내부를 지우고 다음과 같이 작성해 보세요(SVG 파일을 지우고, 이제 사용할 일이 없으니 코드 위쪽에 import하는 부분도 지우세요).

src/App.js

import React, { Component } from ‘react’;

class App extends Component {
  render() {
    return (
      <h1>리액트 안녕!</h1>
      <h2>당신은 어썸한가요?</h2>
    );
  }
}

export default App;

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