반응형 프랍스2 React(리액트)의 Props를 공부해보자 State는 저번시간에 알아보았고 또 중요한 부모애서 자식으로의 데이터 전송하는 Props를 알아보자상위(부모) 컴포넌트에서 하위(자식) 컴포넌트로 데이터를 전달하는 도구가 PropsProps는 컴포넌트의 속성(HTML의 어트리뷰트 같은 것)을 나타내며,부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 데 사용한다또한 props 변경에 따라 컴포넌트가 리렌더링될 수 있다(나중에 알아보자)Props 개념 이해하기Props는 두 가지 방식으로 사용할 수 있는데,구조 분해 할당 없이 props를 인자로 전달하는 방식구조 분해 할당을 사용하여 props 속성을 직접 접근하는 방식function App() { return ( // name이라는 속성으로 Alice라는 값 내려주기 .. 2024. 6. 1. state / props / component / rendering 깔끔하게 사용하기 state 올바른 초기 값 설정을 하자 렌더링 오류가 발생할 수도 있다 무한 루프에 빠질 수도 있다 타입 불일치가 생길 수 있다 초기값이 없다면 undefined 업데이트 되지 않는 값은? 상태로 바꾸기 외부로 추출하기 플래그 값은 상태로 만들지 말고 컴포넌트 안에서 표현식으로 만들자 useState를 대신해서 useRef를 사용할 수 있다 컴포넌트 전체 수명과 동일하게 자속된 정보를 일관적으로 가진다면 useRef를 사용해서 리렌더링 되지 않는 상태를 만들 수 있다 연관된 상태를 단순화 하자(ex)로딩 성공 실패) 하나의 state로 묶기 이전 상태를 활용해보자 prevState 사용(리액트 공식문서 권장사항) props 불필요한 props 복사 및 연산 props 바로 사용 연산된 값을 props로 .. 2024. 2. 28. 이전 1 다음 반응형
