React Select with Formik | Formik Select Tutorial

In this video, you will learn how to connect react select with formik. This is a formik select tutorial and you will figure out how to control select component with Formik in React.

I use react select package to build dropdown in react. This library is so powerful to build customizable dropdown in react. Formik is also a good library to create form in react.

In this formik tutorial, I first talked about how to install both packages. Then I added the react select package to the project and configured it. Then you will see how to add Formik to the project and finally how to connect them together to control your dropdown input with Formik hook.

[VigilianceAurelious]

9:35 Where it actually starts building React Select with Formik. Thanks for the tutorial!

[jontrs]

A better thing to do would be in the CustomSelect component's default value function to change the return options ? options.find(option => option.value === value) : "";
by
return options.find((option) => option.value === value) || "";

so when the form is reset the changes are reflected. Good video greetings!
this change only works with select that are not multi

[RahulKumar-quif]

This is great I am New to formik and this tutorial help me lot.

[naoureskraiem]

thanks a lot, after 3 days searching for the solution, finally you've fixed my issue ! <3

[yukendhiran]

You know how to reset the specific filed when using multi selection, like in formik, when changing the other option, already selected option needs to be reset

[LuisHerrera-wcpw]

"what about using onBlur on React Select and Formik?"
if anyone wanna know, its the same onChange syntax but using setFieldTouched instead of setFieldValue

[value_investing_indonesia]

I know about classname but what about the name what do you use it for?

[salvation]

Thanks for the video but the codestyle is a complete mess)