로딩
요청 처리 중입니다...

[React] 부모 컴포넌트에서 자식 컴포넌트에 값 전달하기

 [React] 부모 컴포넌트에서 자식 컴포넌트에 값 전달하기

navigate도 많이 쓰고 여러가지 쓰는데 부모 컴포넌트에서 자식 컴포넌트에 값 전달하는 방법도 있을 것 같아, 찾아보다가 정리하게 되었다. props의 개념 상위 컴포넌트에서 하위 컴포넌트로 값을 전달하는 수단. 하위 컴포넌트에서 상위 컴포넌트가 전해준 값에 접근을 할 수 있게 한다.

하위 컴포넌트에서 상위 컴포넌트로 값을 전달할 수 없다. props의 사용 1. 상위 컴포넌트에서 하위 컴포넌트로 값 전달 1) 상위 컴포넌트(부모 컴포넌트) function 함수=()=>{ const [변수, set변수] = useState('') } const 상위페이지이름 =()=>{ <하위페이지이름 value={변수} /> } 2) 하위 컴포넌트(자식 컴포넌트) 전달 받은 값 : {props.value} 값이 전달되는 방식 상위 컴포넌트에서 넘겨주고자 하는 값을 선언한다.

(useState를 사용한다.) 받고자하는 하위 컴포넌트에 value값을 넣어 넘겨준다.

하위컴포넌트에서 p...

# props값전달 # 코딩 # 변수전역사용 # 리액트 # 독학 # 공부 # setter사용 # react # props의사용 # 코딩이란