He escrito un cajón para mi aplicación de reacción.
const Sidebar = () => { return ( <Drawer open={burgerModalOpen} onClose={() => setBurgerModalOpen(false)} > <Box> <Navigator /> </Box> </Drawer> ); }; const [burgerModalOpen, setBurgerModalOpen] = React.useState(false); return ( <> <MobileSideBarContainer> <BurgerIconContainer onClick={_handleOpenMobileBurger}> <div> <BurgerIcon /> </div> </BurgerIconContainer> <Sidebar /> </MobileSideBarContainer> </> ); }El cajón simplemente 'aparece' y 'desaparece'... no se desliza como aquí
¿Cómo puedo solucionar esto?
La barra lateral devuelve el objeto del cajón. Lo más probable es que en cada nuevo renderizado se cree un nuevo objeto de cajón. Debido a lo cual hay algún problema con respecto a las referencias internamente. ¿Puedes intentar usar una variable?
const drawer = ( <Drawer open={burgerModalOpen} onClose={() => setBurgerModalOpen(false)}> <Box> <Navigator /> </Box> </Drawer> ); const Sidebar = () => { return drawer; };