JSX에 DOM 요소를 렌더링 하는 하는 방법 중
스크립트 표현식을 사용해보자
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | 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; | cs |
myname에 왕초보코딩탈출 이라고 선언하고
JSX 코드 내에 { }로 감싸서 표현하면 됨
'웹 프론트엔드 > React' 카테고리의 다른 글
| 9. React / 리액트 (스타일 CSS 적용하기) (0) | 2018.10.23 |
|---|---|
| 8. React / 리액트 (조건부 렌더링) (0) | 2018.10.23 |
| 6. React / 리액트 시작하기 (나의 페이지 만들기) (0) | 2018.10.21 |
| 5. React / 리액트 ( ES5 와 ES6) (0) | 2018.10.21 |
| 4. React / 리액트 (webpack , 웹팩) (0) | 2018.10.21 |