How to Build / Implement React.js MultiSelect Dropdown using useState Hook ?

This tutorial will show us, How we can build MultiSelect Dropdown with react useState Hook step by step.

[@iamdipanshu]

You are not building a multi-select. You're simply using a readymade multi-select component.
The recipe for pizza according to you:
1. Order a pizza from pizza hut.
2. Congratulations you've made your own pizza

[@ajayjagtap9112]

If you read the description carefully, You will come to know focus is more on the using with hooks. If it is not like that then you can just ignore.

[@harithm8172]

Well explained bro, thank you so much

[@khandoor7228]

nice library Ajay. I always like your material, very good!

[@ajayjagtap9112]

Thank you.

[@kanikabagri247]

Thanks Sir for this video!

[@ajayjagtap9112]

Yup. Thanks.

[@marimuthur9456]

Excellent 👌🏼👌🏼👌🏼

[@Dlntck]

Thanks for this great tutorial !

[@ajayjagtap9112]

Thank you.

[@dnogitsune9286]

Thank you. Just what I needed.

[@rushlearning5158]

Nice bro

[@noob2480]

Thanks a lot lifesaver :)

[@mfaizan24]

Thank you, please show us how to add clear all "X" button far right corner of dropdown input

[@ajayjagtap9112]

Yes. Thank you for this note. Yes sure we will cover that in coming tutorial.

[@VrlHtzz]

Nice can you make a drop-down which will do routing ?

[@kishorkumarp4492]

In curd operations time updation how to possible in autocomplete... Existing value how to show there... ??
2) how add check box inside the drow doen menu???
Plz help me

[@yogendrakumarvatti9865]

Can we change the style of the selected value in the filter as it is showing us some blue color I need white color with black font and black border around the font

[@ajayjagtap9112]

You can write custom class for that.

[@krishnakalyana4793]

is there anyway to hide the search box in single select of this package?

[@Hammad-e-Rehman]

how to save id value in sql server using this multiselect dropdown

[@mayatahakourt8326]

Thank you for this video, it was really helpfull for me ! can you just tell me how to grap the selected values ?

[@rushikeshjadhav7748]

any way to do that bro???

[@reactdev-india9341]

hey can u make a video of taking values from multi select and storing it into mongodb using node

[@ajayjagtap9112]

Hello, Yes sure we will do this.

[@IT_FoodLover]

Plz described all functionality

[@khandoor7228]

Can you try an image slider with Hooks?

[@ajayjagtap9112]

Yes. we will try.

[@rushikeshjadhav7748]

bro but how to get all selected values to submit in API !! pls help
bro

[@ajayjagtap9112]

You can create array and use further for those values which are in your useState hook

[@TravellerSimran]

It's not working for me can you please help me

[@ajayjagtap9112]

What is the error exactly you are facing. Could you please share more information in detail?

[@TravellerSimran]

I am using class component and want data from get api

[@TravellerSimran]

Render(){
Let data = items.map((item, i) =>{
Return (
{item.name}
)
}
Return (

[@ajayjagtap9112]

@@TravellerSimran Then i believe we can not use hooks. This tutorial mostly related to hooks.

[@TravellerSimran]

@@ajayjagtap9112 Is there any other way to use this hook into my code h?

[@kg_3415]

Can we use this with server side dats

[@ajayjagtap9112]

Yes sure.

[@kg_3415]

Can u please tell me that is it possible to use in react hook form i tried but not getting output result

[@debalinadas2022]

Are tell how to fetch the value

[@ajayjagtap9112]

This tutorial clearly for implementation of Multiselect drop down and not related to how to fetch values. Check once again.