JSX에서 변수와 상수 값 삽입하기
다음과 같은 코드가 있다고 가정해 보겠습니다:
function App() {
const str = 'text';
return <div>
text
</div>;
}
div의 텍스트에 상수 str의 값이 삽입되도록 해봅시다.
이를 위해서는 중괄호 안에 상수 이름을 작성해야 합니다.
다음과 같이 말이죠:
function App() {
const str = 'text';
return <div>
{str}
</div>;
}
다음 코드가 주어졌습니다:
function App() {
const str1 = 'text1';
const str2 = 'text1';
return <div>
<p></p>
<p></p>
</div>;
}
첫 번째 상수를 첫 번째 단락에 삽입하고, 두 번째 상수를 두 번째 단락에 삽입하세요.