7. React / 리액트 (JSX 에 스크립트식 표현하기)

JSX에 DOM 요소를 렌더링 하는 하는 방법 중 

스크립트 표현식을 사용해보자 

import React, { Component } from 'react';
import './App.css';
 
class App extends Component {
  render() {
 
    const myname = '왕초보코딩탈출';
    return (
    <div>
      <h1>안녕하세요 나의 이름은 {myname} 입니다.</h1>
      <h2>잘 부탁드립니다.~~~</h2>
    </div>
    );
  }
}
 
export default App;
 

myname에 왕초보코딩탈출 이라고 선언하고

JSX 코드 내에 { }로  감싸서 표현하면 됨