Задать вопрос
@antonstolar

Какой самый простой способ реализации данного кода в React?

Есть JS код реализующий выползание слева сайдбара при нажатти на кнопку с помощью сss метода width:
https://jsfiddle.net/bfy1ap20/1/
Второй вариант реализации такой штуки на JS это в функции openNav задать сss метод display: block. а в closeNav display: none.
Оба варианты простые и вместе с html занимают 15 строк кода.
Увидел в интернете варианты реализации кода на React и они были вместе с jsx на 30+ строк кода. Что в 2 раза больше чем на JS( А я хочу вариант попроще....Ведь какой смысл React еcли я код буду писать в 2 раза дольше чем на JS...
Мне кажется что это можно реализовать проще:
1) задать в состояние начальное значение
2) создать метод this.setState - при нажатии кнопки выползание слева сайдбара
3)как-то сделать так чтобы при нажатти на крестик в верхнем углу сайдбара- сайдбар снова скрылся (пока не знаю как)
Что посоветуете?
  • Вопрос задан
  • 60 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Javascript.ru
    Курс по React
    5 недель
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
hzzzzl
@hzzzzl
Мне кажется что это можно реализовать проще:
1) задать в состояние начальное значение
2) создать метод this.setState - при нажатии кнопки выползание слева сайдбара
3) как-то сделать так чтобы при нажатти на крестик в верхнем углу сайдбара- сайдбар снова скрылся (пока не знаю как)


в общем-то всё так и есть, да

Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽
ITK academy Казань
от 50 000 до 90 000 ₽