⚡️ Быстрый курс React Select | Выпадающее меню - ЛЕГКО! (почти)

Поділитися
Вставка
  • Опубліковано 6 лис 2024

КОМЕНТАРІ • 47

  • @REDGroup
    @REDGroup  2 роки тому +8

    Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 150 лайков и я снимаю еще быстрый курс
    Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!
    Скачать 🖥 исходник проекта в нашем хранилище - htmllessons.ru/storage#storage_file_40
    Тайм коды:
    00:00:00 - Начало
    00:05:38 - Что это такое?
    00:07:20 - Установка
    00:11:25 - Обычный select с одним выбором
    00:22:50 - Multiple (множественный выбор)
    00:30:00 - Опции
    00:33:00 - Типизация
    00:39:10 - Стилизация (свои стили)
    00:57:10 - Анимация
    01:04:45 - Ответы на вопросы

  • @sgu6ena
    @sgu6ena 2 роки тому +2

    где ты был недели три назад, приходилось копать селект. спасибо большое

  • @ooops4333
    @ooops4333 Рік тому

    Лучший, спасибо за видос!

  • @romanr5843
    @romanr5843 Рік тому

    Спасибо добрый человек! супер полезно!

  • @АнатолийГорбов-о1ь

    Супер видео, очень пригодилось! побольше таких)

  • @marinasatsyk2184
    @marinasatsyk2184 2 роки тому

    Спасибо большое за видео. Случайно на него наткнулась, очень своевременно! Все доступно, понятно. 💥👍👍👍

    • @REDGroup
      @REDGroup  2 роки тому

      Спасибо, рад слышать!

  • @force_of_abstinence
    @force_of_abstinence 2 роки тому +1

    Хорошо, что последние записи пошли с typescript

  • @andrewsam224
    @andrewsam224 Рік тому

    Крутяк!!!!

  • @sashaproskurin7948
    @sashaproskurin7948 2 роки тому

    Спасибо за видик. Единственное хотелось бы услышать пару слов про то как встраивать селект в форму, и про интеграцию с hook-form.

  • @mrWiled
    @mrWiled Рік тому

    Спасибо за урок. Годный селект получился

  • @suppick9990
    @suppick9990 2 роки тому

    Спасибо, помог :D

  • @force_of_abstinence
    @force_of_abstinence 2 роки тому

    Поздравляю с преобретением. Теперь разработка стала еще интереснее. Шрифт конечно лучший у маков, и все как-то ровно)

    • @REDGroup
      @REDGroup  2 роки тому

      Спасибо, за это маки и полюбил, шрифты сглаженные, нет багов и идеальный экран retina

  • @AmirAhmetov-m8v
    @AmirAhmetov-m8v Рік тому +1

    как ты скопировал стили? или префиксы 47:02

  • @Evgeny..
    @Evgeny.. 2 роки тому +1

    Макс, вопрос по React Select: Как ты обойти проблему со следующим. Выбираем элемент из списка, он помещается в input, но когда нажимаем на этот input, то курсор не подхватывает то, что введено в input а встает так будто он пустой, как это исправить?

    • @Evgeny..
      @Evgeny.. 2 роки тому

      Лайк и коммент поставил))

  • @tamaraevpraksina6945
    @tamaraevpraksina6945 2 роки тому

    Спасибо за твои старания. У меня вопрос, возможно ли сделать так что при нажатии на какую-нибудь options во второй раз удалять её. Благодарю заранее. В обычном примере singleSelect

    • @REDGroup
      @REDGroup  2 роки тому

      Рад слышать! Честно не сталкивался, но в доке видел что-то про удаление

  • @GothBoxBoy
    @GothBoxBoy 3 місяці тому

    1:00:50 анимация появления

  • @НикитаРазумов-р9х
    @НикитаРазумов-р9х 2 роки тому

    Привет! Когда примерно будет доступен новый интенсив на реакте для подписчиков htmllessons(в котором будет админ панель и т.д)?

    • @REDGroup
      @REDGroup  2 роки тому +1

      Привет, сейчас идёт запись backend интенсива для этого же проекта, а потом front end.

  • @ИванКорепанов-ь7у
    @ИванКорепанов-ь7у 9 місяців тому

    как сделать зависимые списки выпадающие? чтобы при выборе одного из пунктов первого списка второй список изменялся

  • @ВладиславЗолотов-х2т
    @ВладиславЗолотов-х2т 10 місяців тому

    мб кто подскажет пожалуйста, а что есть в react native по типу такого как react select на данный момент

  • @ПавелКардаш-м2щ
    @ПавелКардаш-м2щ 2 роки тому

    Не удалось решить ту ошибку тайпскрипта, когда он ругался на onChange из за типизации параметров функции? В мультиселекте в частности это инетерсует

    • @REDGroup
      @REDGroup  2 роки тому

      Там вроде обнова вышла и пофиксилось

    • @ПавелКардаш-м2щ
      @ПавелКардаш-м2щ 2 роки тому

      @@REDGroup не, я пробовал сегодня ставить свежий проект реакта выдает ошибку, пробовал типизировать через const onChange = (option: MultiValue) и подобное не проходило. в итоге сделал const onChange = (newValue: unknown) но это костыль мне кажется

  • @crazykitaets3542
    @crazykitaets3542 2 роки тому

    спасибо за работу и качественную подачу, но у меня осталась задача которую я не могу решить. С помощью обычного селекта встроенного в html у меня работает функционал когда при выборе одной из опций создается блок с информацией но я не понимаю как сделать это с react-select. Как мне решить эту задачу?

    • @REDGroup
      @REDGroup  2 роки тому

      При изменение состояния создавать блок

    • @crazykitaets3542
      @crazykitaets3542 2 роки тому

      @@REDGroup то есть добавить слушатель событий чтобы добавлять определенный блок при выборе определенного опшина?

  • @paljm345
    @paljm345 2 роки тому

    Может где-то прослушал или не услышал, не увидел. Как установить дефотное значение в обычном селекте?? defaultValue - чет ничего не показывает, defaultInputValue - устанавливает дефолтное значение, но при клике не выпадает полный список, только после повторного клика появляется выбор но спадает дефотное занчение.

    • @REDGroup
      @REDGroup  2 роки тому +1

      defaultValue работает в него передать объект с label и value

    • @paljm345
      @paljm345 2 роки тому

      @@REDGroup огромнейшая благодарочка)))

    • @paljm345
      @paljm345 2 роки тому

      @@REDGroup Не хочет работать(((( defaultValue={{value: 1, label: 'red'}}, передаю объект и не отображает.

    • @REDGroup
      @REDGroup  2 роки тому

      Тут уже нужно смотреть весь проект индивидуально

    • @paljm345
      @paljm345 2 роки тому

      @@REDGroup Все, понял, у меня стоял параметр value={}, без него надо было))

  • @uroboros9488
    @uroboros9488 2 роки тому +1

    а как в обычном css стилизовать select, чет я потерялся помогите пж

    • @REDGroup
      @REDGroup  2 роки тому

      Слишком обширный вопрос, чекайте документацию

  • @xPyc9x
    @xPyc9x 2 роки тому

    У тебя есть тг канал?

    • @REDGroup
      @REDGroup  2 роки тому

      Кстати только сегодня опять об этом подумал и решил создать. Ссылка уже в сообществе

  • @ГаляиМаря
    @ГаляиМаря 7 місяців тому

    Час это нифига не быстро

    • @СашаАлександр-е4м
      @СашаАлександр-е4м 2 місяці тому

      Поверь мне в кругах программистов это "быстро".Вот ты когда нибудь пробовал подключать библиотеку 2 недели? SFML называется)))

  • @sashaproskurin7948
    @sashaproskurin7948 2 роки тому +3

    Спасибо за видик. Единственное хотелось бы услышать пару слов про то как встраивать селект в форму, и про интеграцию с hook-form.