React Formik Tutorial - 35 - Select

📘 Courses - learn.codevolu...
💖 Support UPI - support.codevo...
💖 Support PayPal - www.paypal.me/...
💾 Github - github.com/gop...
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - [e-mail]
Select component in React with Formik

[@yash-dev77]

why are we use callback and access formik in FormContainer?

[@kkkankro3501]

Thanks for this series, and thanks for taking the time to properly explain the benefits of the library. P.S. Will we ever see a graphql series?

[@codingpathshala]

Coding pathshala for reactjs projects

[@mohammadm6841]

is there any GitHub repository for that?

[@deshmukhshantanu2685]

Hey brother i am having a problem while you were writing your code i tried it side by side and then i run it on browser it gives and error saying cannot read the property "map" Hope you see this and tell me whats the problem For reference i am posting my code of Select.js here:- import React from 'react' import {Field, ErrorMessage} from 'formik' import TexTError from './texterror' function Select(props) { const { label , name, options, ...rest } = props return ( {label} { options.map(option => { return ( {option.key} ) }) } ) } export default Select;

[@Theppo101]

Hey, I don't have an active react project with this setup on this computer, but I think the problem is that you might not be passing an array of options. Mapping works on arrays, and maybe at this point the options variable is undefined instead. So this would have to be fixed in the script where the data on the options is passed [FormikContainer]. This would be super easy to catch with typescript if so. Also, you have misplaced capitalization on TextError [TexTError].

[@Pareshbpatel]

{2023-03-07}

[@rodrigoruiz6999]

Thanks... is great tutorial... a little help.....I tried to do it with Material-UI, but I could't solve it how to pass through the options... any suggestions.... THANKS A LOT

[@devangijoshi9596]

HI. Your tutorials are quite impressive. I have a query about dependent select box(connected ) like country and region. How can we make with formik?

[@raviraval6714]

we can not work with this ! (its React sementic Ui component react -sementic -ui)

[@thefaith9659]

I've this error: × TypeError: Cannot read property 'map' of undefined Select src/components/Register/Select.js:11 8 | return ( 9 | 10 | {label} > 11 | | ^ 12 | { 13 | options.map(option =>{ 14 | return(

[@mauberth7732]

how to get a key selected

[@rahalidhia1570]

TypeError: Cannot read property 'email' of undefined :I get this error when i enter something in the email input or ant any other input : what is the problem pleassssssse !!!!

[@santi_cendra_music]

How can I access the selected value before the submit? Thanks for so much help.

[@dhanunjaysaikiran6161]

bro how to clear the input fields after submitting without deleting the data ?

[@GauravJoshi-Vlogs]

Nice video.. Plz provide the speed adjustment option for the video..

[@AmanKumar-st7pi]

Please make a series related to react redux & firebase tutorial .... please........

[@HolmesPatrick]

Great video , small question , Why key is not = option.key

[@xenoviaunleashed]

hi i am getting an error i n console as each child pair must have a unique key prop can u help me please

[@e_viskhan]

Thank you very much for these videos!!!

[@raviraval6714]

How we can do multiple select dropdown ????

[@ibandari3473]

simply superb .....!!if possible could you please try to do graphql also :)

[@tiiagocorreiia]

Hey man, I love your videos. Please make a series with React Auth using Redux, Hooks, and JWT. Most tutorials on the web are so confused and you explain so clear in your videos.

[@8ktk]

How many videos we got more for this playlist? I want to dive in once it's over.

[@AsifShaikh-wb7vh]

Very well explained.. nice video

[@muhamadsobari6515]

Thanks for knowledege Sir

[@aoNguyen-ym6sp]

thanks so much Vishwas

[@jayprecode8012]

Wow

[@izlanrivojlanresearchdevelop]

Good job bro.

[@muhamadsobari6515]

still waiting sir

[@Xkyto]

Amazing videos, one question I have is: have you tried using React-Select with this formik field ?

[@naruclon]

i have used it, you can do it