[React] JSX 태그 내부에서 변수 사용하기

React(리액트)에서 변수는 return 위에서 생성됩니다.

function Question() {
  return (
    <div className="question">
        <h2>Question</h2>
    </div>
  );
}

 

 

아래와 같이 변수를 선언합니다.

const str1="Hello"
const str2="1"
let num = 1

function Question() {
  const count = 0

  return (
    <div className="question">
        <h2>Question {count}</h2>
    </div>
  );
}

let 타입은 선언 이후에 값이 변할 수 있음을 의미합니다.

(const는 선언 이후에 값이 변할 수 없습니다!)

 

변수에 목적에 맞게 타입을 지정해서 변수를 정의해주면 됩니다.

 

 

 

function Question() {
  let count = 1

  return (
    <div className="question">
        <h2>Question {count}</h2>
    </div>
  );
}

변수를 사용할 땐 {중괄호}에 변수 이름을 넣으면 됩니다.

 

 

 

◡̈