-
JSX Elements And Their SurroundingsStudy/React 2020. 5. 25. 13:24
JSX Elements And Their Surroundings
JSX elements are treated as JavaScript expressions. They can go anywhere that JavaScript expressions can go.
That means that a JSX element can be saved in a variable, passed to a function, stored in an object or array…you name it.
Here’s an example of a JSX element being saved in a variable:
const navBar = <nav>I am a nav bar</nav>;
Here’s an example of several JSX elements being stored in an object:
const myTeam = { center: <li>Benzo Walli</li>, powerForward: <li>Rasha Loa</li>, smallForward: <li>Tayshaun Dasmoto</li>, shootingGuard: <li>Colmar Cumberbatch</li>, pointGuard: <li>Femi Billon</li> };
JSX 요소와 환경
JSX 요소들은 자바스크립트 표현으로써 다루어진다.
그들은 자바스크립트 표현들이 갈 수 있는 곳이라면 어디든 갈 수 있다.
이것은 JSX요소가 변수에 저장될 수 있고, 함수에 전달될 수 있으며, 객체나 배열에 담길 수 있다는 것을 의미한다.
여기 JSX요소가 변수에 저장되는 예시를 보라.
const navBar = <nav>I am a nav bar</nav>;
여기 몇몇의 JSX요소들이 객체에 저장된 예시를 보아라.
const myTeam = { center: <li>Benzo Walli</li>, powerForward: <li>Rasha Loa</li>, smallForward: <li>Tayshaun Dasmoto</li>, shootingGuard: <li>Colmar Cumberbatch</li>, pointGuard: <li>Femi Billon</li> };
출처: 코드카데미
를 번역하였습니다.
'Study > React' 카테고리의 다른 글
Nested JSX (0) 2020.05.25 Attributes In JSX (0) 2020.05.25 What is JSX? (0) 2020.05.25 The Mystery, Revealed (0) 2020.05.25 Hello World (0) 2020.05.25