Как создать свернутую боковую панель меню?
Я хочу добавить боковую панель меню в свое приложение для реагирования. Изначально должны быть закрыты только иконки должно быть видно, и при нажатии на один значок все боковое меню должно меню ... Я делаю так Но он не закрывается и не закрывается. Я пробовал разные способы, но не смог этого добиться.
@Kokodoko Я пытаюсь использовать css ... я не знаю, как это сделать с помощью функции
@Karan, вы не можете сделать это с помощью CSS, потому что вы не можете обрабатывать щелчки мыши из CSS. Покажите место использования SideMenu, код родительского элемента.
@DmitriyZhiganov нет родителя, я хочу показать это боковое меню слева
@Karan да, но в любом случае у него должен быть родитель, даже если это приложение. Просто покажи место, где ты поставил <SideMenu />
@DmitriyZhiganov нет ничего, кроме <div><SideMenu/></div>
@Каран да, я говорил об этом. Покажите полный код этого компонента, где у вас есть <div><SideMenu/></div>
@DmitriyZhiganov проверьте сейчас, я упоминал, где я добавил боковое меню
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
В родительском компоненте:
const [show, setShow] = React.useState(false)
return <div>{show ? <SideMenu /> : <Icon />}</div>
Если я правильно понял вопрос.
И используйте onClick в значке, чтобы изменить состояние показа.
Спасибо @Dmitriy, как я могу показать начальные значки
Тебе решать. Вы можете использовать значки из любого комплекта пользовательского интерфейса (например, значки материалов).
Вы также должны показать нам свою функцию открытия и закрытия меню.