React Formik Tutorial - 35 - Select

📱 Follow Codevolution

Select component in React with Formik

[kkkankro]

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?

[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.

[e_viskhan]

Thank you very much for these videos!!!

[HolmesPatrick]

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

[devangijoshi]

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?

[santi_cendra_music]

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

[GauravJoshi-Vlogs]

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

[ktk]

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

[Xkyto]

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

[yash-dev]

why are we use callback and access formik in FormContainer?

[deshmukhshantanu]

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 (
<div className="form-control">
<label htmlFor={name} >{label}</label>
<Field as='select' id={name} name={name} {...rest} >
{
options.map(option => {
return (
<option key={option.value} value={option.value}>
{option.key}
</option>
)
})
}
</Field>
<ErrorMessage name={name} component={TexTError} />
</div>
)
}

export default Select;

[mohammadm]

is there any GitHub repository for that?

[rodrigoruiz]

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

[ibandari]

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

[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

[raviraval]

How we can do multiple select dropdown ????

[dhanunjaysaikiran]

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

[thefaith]

I've this error: ×
TypeError: Cannot read property 'map' of undefined
Select

8 | return (
9 | <div>
10 | <label
> 11 | <Field as='select' id={name} name={name} {...rest}>
| ^ 12 | {
13 | options.map(option =>{
14 | return(

[rahalidhia]

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 !!!!

[raviraval]

<Form.Option></FromOption> we can not work with this ! (its React sementic Ui component react -sementic -ui)