props를 하위 컴포넌트에서 상위 컴포넌트로 보내는 방법

상위컴포넌트

const [needDimmed, setNeedDimmed] = useState(false)

<GlobalNavigationBar

setNeedDimmed={setNeedDimmed}

/>

 

하위컴포넌트

const handleDetailMenuClick = (title) => {

setMenus((prevMenus) =>

prevMenus.map((menu) => ({

...menu,

clicked: menu.title === title ? !menu.clicked : false

}))

);

const isLnbShown = !menus.find((menu)=> menu.title === title).clicked

props.setNeedDimmed(isLnbShown)

};

 

const handleDetailMenuClose = () => {

setMenus((prevMenus) =>

prevMenus.map((menu) => ({

...menu,

clicked: false,

}))

);

props.setNeedDimmed(false)

};