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


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

navigate도 많이 쓰고 여러가지 쓰는데 부모 컴포넌트에서 자식 컴포넌트에 값 전달하는 방법도 있을 것 같아, 찾아보다가 정리하게 되었다. props의 개념 상위 컴포넌트에서 하위 컴포넌트로 값을 전달하는 수단. 하위 컴포넌트에서 상위 컴포넌트가 전해준 값에 접근을 할 수 있게 한다. 하위 컴포넌트에서 상위 컴포넌트로 값을 전달할 수 없다. props의 사용 1. 상위 컴포넌트에서 하위 컴포넌트로 값 전달 1) 상위 컴포넌트(부모 컴포넌트) function 함수=()=>{ const [변수, set변수] = useState('') } const 상위페이지이름 =()=>{ <하위페이지이름 value={변수} /> } 2) 하위 컴포넌트(자식 컴포넌트) <p>전달 받은 값 : {props.value}</p> 값이 전달되는 방식 상위 컴포넌트에서 넘겨주고자 하는 값을 선언한다. (useState를 사용한다.) 받고자하는 하위 컴포넌트에 value값을 넣어 넘겨준다. 하위컴포넌트에서 p...


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

원문링크 : [React] 부모 컴포넌트에서 자식 컴포넌트에 값 전달하기