sernato
@sernato
Python Junior Developer

Как скрыть боковую панель при нажатии на соответствующую кнопку?

Я хочу скрыть/показывать фильтр нажатием на кнопку, которая находится на внешнем крае этой боковой панели. Я хотела бы попробовать сделать это с использованием хука useState, но так я еще новичок, то делаю это весьма неуклюже. Пожалуйста, подскажите направление.
const TaskRegionView = () => {
        const [condition, setCondition] = useState(false);
        ...
         <Button type="link">
               <LeftOutlined onClick={() => setCondition(true)} />
         </Button>
          <Filter
                className={styles['filter']}
           />
  • Вопрос задан
  • 50 просмотров
Решения вопроса 2
@ForSureN1
frontend dev
Можно просто найти этот элемент кнопки, найти блок с фильтром, и по клику на кнопку, задать блоку с фильтром метод toggle('active'), а в css для active прописать display: block, а по дефолту у фильтра будет стоять display none, и по клику на кнопку будет меняться состояние блока
Ответ написан
Комментировать
YavaDev
@YavaDev
const TaskRegionView = () => {
        const [condition, setCondition] = useState(false);

        const handleToggleCondition = () => {
            setCondition((prev) => !prev);
        }
        ...
         <Button type="link" onClick={handleToggleCondition}>
               <LeftOutlined />
         </Button>
         {condition && (
             <Filter
                className={styles['filter']}
           />
         )}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы