studyHard
article thumbnail
State 끌어올리기
React 2023. 3. 31. 16:24

State 끌어올리기란? 상위 컴포넌트의 상태 변경 함수를 하위 컴포넌트로 전달하고, 이 함수를 하위 컴포넌트가 실행하는 것이다. export default function ParentComponent() { const [value, setValue] = useState("날 바꿔줘!"); const handleChangeValue = () => { setValue("달라진 값"); }; return ( 값은 {value} 입니다 ); } function ChildComponent() { const handleClick = () => { // 이 버튼을 눌러서 부모의 상태를 바꿀 순 없을까? }; return 값 변경; } 상태를 변경하는 함수는 handleChangeValue 전달은 props. Chi..