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

[@REDGroup]

Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 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]

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

[@ooops4333]

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

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

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

[@romanr5843]

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

[@marinasatsyk2184]

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

[@REDGroup]

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

[@force_of_abstinence]

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

[@andrewsam224]

Крутяк!!!!

[@sashaproskurin7948]

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

[@mrWiled]

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

[@force_of_abstinence]

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

[@REDGroup]

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

[@suppick9990]

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

[@ИванКорепанов-ь7у]

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

[@AmirAhmetov-m8v]

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

[@ВладиславЗолотов-х2т]

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

[@GothBoxBoy]

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

[@Evgeny..]

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

[@Evgeny..]

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

[@tamaraevpraksina6945]

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

[@REDGroup]

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

[@uroboros9488]

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

[@REDGroup]

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

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

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

[@REDGroup]

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

[@ПавелКардаш-м2щ]

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

[@REDGroup]

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

[@ПавелКардаш-м2щ]

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

[@crazykitaets3542]

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

[@REDGroup]

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

[@crazykitaets3542]

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

[@paljm345]

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

[@REDGroup]

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

[@paljm345]

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

[@paljm345]

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

[@REDGroup]

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

[@paljm345]

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

[@xPyc9x]

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

[@REDGroup]

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

[@ГаляиМаря]

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

[@СашаАлександр-е4м]

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

[@sashaproskurin7948]

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