더북(TheBook)

2.4.2 자바스크립트 표현

 

JSX가 단순히 DOM 요소를 렌더링하는 기능밖에 없었다면 뭔가 좀 아쉬웠을 것입니다. JSX 안에서는 자바스크립트 표현식을 쓸 수 있습니다. 자바스크립트 표현식을 작성하려면 JSX 내부에서 코드를 { }로 감싸면 됩니다. 한번 자바스크립트 값을 JSX 안에서 렌더링해 봅시다.

src/App.js

import React, { Component } from ‘react’;

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

export default App;

코드를 저장하고, 웹 브라우저로 확인해 보세요. 오류 없이 아까와 같은 화면이 나오나요?

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