리액트 공식문서
-
[리액트 공식문서 정독하기] 리액트 주요개념 - 3 (폼, 합성 vs 상속, React로 생각하기)프론트엔드 개발자가 될거야./react 2023. 8. 19. 22:13
폼 제어 컴포넌트와 비제어 컴포넌트 제어 컴포넌트(Controlled Component)와 비제어 컴포넌트(Uncontrolled Component)는 React에서 폼(form) 관련 컴포넌트를 다룰 때 사용되는 개념이다. - 제어 컴포넌트(Controlled Component) 상태를 사용하여 폼 입력 요소들을 관리하는 방식 사용자가 입력할 때마다 상태가 업데이트되며, 화면에 보이는 값과 상태가 항상 일치함 React가 폼 데이터를 쉽게 다룰 수 있게 해줌 useState를 사용하여 상태를 정의하고, onChange이벤트를 사용하여 입력값이 변경될 때마다 상태를 업데이트하는 방식 복잡한 폼에서 여러 입력 요소들을 쉽게 관리하고 싶을 때 폼의 입력값을 바로 React 상태로 가져와서 다루고 싶을 때 유..
-
[리액트 공식문서 정독하기] 리액트 주요개념 - 2 (이벤트 처리하기, React에서 콜백 함수 사용 시 주의할 점)프론트엔드 개발자가 될거야./react 2023. 8. 9. 21:51
이벤트 처리하기 React 엘리먼트에서 이벤트를 처리하는 방식은 DOM 엘리먼트에서 이벤트를 처리하는 방식과 매우 유사하다. 비슷해도 크게 세가지의 차이점은 있다. 세가지 차이점 React의 이벤트는 소문자 대신 캐멀 케이스(camelCase) 사용 JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러 전달 // HTML Activate Lasers // React -> 캐멀 케이스, 함수로 이벤트 핸들러 전달 Activate Lasers 3. React에서는 false를 반환해도 기본 동작을 방지할 수 없다. 반드시 preventDefault를 명시적으로 호출하여 폼을 제출할 때 가지고 있는 기본 동작을 방지해야한다. => 공식문서에서 이 부분은 틀린 것 같다. React에서는 합성 이벤트를 사용하여 ..