리액트

🌱 Base

[React] JSX의 이스케이프 백(escape back)

JSX 코드 내에서 JavaScript 표현식을 사용하는 방법(Escape into JavaScript from JSX attributes)JSX는 JavaScript 코드 내에 마크업(HTML) 코드를 포함할 수 있게 해줌이때, 중괄호 { }를 사용하여, JSX 코드 내에서 JavaScript로 "탈출(이스케이프)"하여 변수나 표현식을 사용할 수 있음 return ( {user.name} // 자바스크립트로 이스케이프 한 부분 ); 중괄호{ } 안에 JavaScript 표현식(변수를 속성값으로 전달)을 넣으면, 그 값이 해당 위치에 렌더링 됨return ( ); src 속성에 user.imageUrl 변수의 값을 전달하여 이미지의 경로를 설정반면에 className="avatar"는 단순히..

hyejin.frontend
'리액트' 태그의 글 목록