react component

kinghong97·2022년 6월 22일
0

리액트는 컴포넌트로 이루어져있다?

그리고 컴포넌트는 자바스크립트 함수이다

인덱스.js는 시작할때 사용된다
앱.js는 모든 컴포넌트 위의 컴포넌ㄴ트?

컴포넌트 트리

app 컴포넌트
아래에
header컴포넌트 task 컴포넌트

이런 형식으로 구성된다?

리액트 컴포넌트 파일 시작은 대문자로 중간에 다른 단어도 대문자로 시작

안에 함수이름은 파일이름을 그대로 쓴다

export를 해줘야 다른 파일에서 사용 가능하다

컴포넌트 안에 컴포넌트를 사용가능하다

import 후에
다른 함수에 임포트한 이름을 넣으면 사용 가능!

한 함수에 여러개의 요소가 반환되지 않는다/?
그래서 div로 감싸서 한 요소로 반환되게 한다...

컴포넌트의 css 파일은 그냥 컴포넌트폴더에 만든다
그리고 그 파일을 컴포넌트js에 임포트한다.
class 대신 className을 쓴다.

jsx에 {}를 넣어 자바스크립트를 실행 시킬 수 있다

0개의 댓글