mainframe
const MainFrame = ({ setMainId, changeMenuHeader }) => {
<button
id="button_1"
className={styles.button_style_pick}
onClick={() => {
setMainId(0);
changeBackground("button_1");
changeMenuHeader(0);
}}
>
main
const MainPage = () => {
const [MainId, setactiveId] = useState(0);
const clickhandler = (Id) => {
setactiveId(Id);
}
const [MenuId, setMenuId] = useState(0);
const clickhandler2 = (Id) => {
setMenuId(Id);
}
<MainFrame
setMainId={clickhandler}
changeMenuHeader={clickhandler2}
/>