JavaScript 코드 실행
중괄호 안에서는 변수와 상수를 삽입할 수 있을 뿐만 아니라, 임의의 JavaScript 코드를 실행할 수도 있습니다. 예를 들어, 삽입 시점에 두 상수의 합을 구해 봅시다:
function App() {
const num1 = 1;
const num2 = 2;
return <div>
{num1 + num2}
</div>;
}
다음 코드를 렌더링한 결과로 어떤 HTML이 나올까요:
function App() {
const num1 = 3;
const num2 = 2;
return <div>
result: {num1 ** num2}
</div>;
}
다음 코드를 렌더링한 결과로 어떤 HTML이 나올까요:
function App() {
const name = 'john';
const surname = 'smit';
return <div>
result: {name + ' ' + surname}
</div>;
}
다음 코드를 렌더링한 결과로 어떤 HTML이 나올까요:
function App() {
const num = 4;
return <div>
result: {Math.sqrt(num)}
</div>;
}
