[TIL]2022.11.30

리액트 컴포넌트를 만드려면 함수 형태

함수 이름은 대문자로 시작

리턴하는 것은 컴포넌트가 UI에 어떻게 표기될것인지 명시하는 JSX 문법 사용해서 반환하기

 

컴포넌트는 꼭 하나의 태그를 반환해야 한다,

다수의 태그를 반환하고 싶으면 부모태그로 감싸야 한다

class를 사용할 때는 className을 사용해야 한다.

JSX는 자바스크립트에서 작성하는 문법이기 때문에 중간 중간 JS를 작성할 수 있다.

다만, JS를 작성할 때는 중괄호로 묶어줘야 한다.

 

 

자바스크립트만의 특별한 for문 -> in, of

const result = ['one', 'two', 'three'];

for (let item in result) {
    console.log(item) // --> index 0, 1, 2 출력
}

for (let item in result) {
    console.log(result[item]) // --> one, two, three 출력
}

for (let item of result) {
    console.log(item) // --> one, two, three 출력
}