REACT

[REACT] state, props, 이벤트 기본개념

예글 2022. 12. 16. 17:17

1. state: 컴포넌트 내부에서 바뀔 수 있는 값

2. props

- 컴포넌트가 사용되는 과정에서 부모 컴포넌트가 설정하는 값.

- 컴포넌트 자신은 해당 props를 읽기 전용으로만 사용 가능

- props를 바꾸려면 부모 컴포넌트에서 바꿔 줘야 함

 

3. 이벤트

- 이벤트 이름: 카멜 표기법

- 자바스크립트 코드 전달X 함수 형태의 값 전달

- DOM 요소에만 이벤트 설정 가능 (직접 만든 컴포넌트에는 이벤트를 자체적으로 설정 불가, but 전달받은 props를 컴포넌트 내부의 DOM 이벤트로 설정 가능)