React Formik Tutorial - 37 - Checkbox Group

[@ДмитрийСеменов-г6о]

Fix for two errors: checked={Boolean(field.value.includes(option.value)} For error message: Yup.array().min(1, 'Your error message')

[@alik64]

Как раз искал , как исправить! спасибо

[@valp_co]

Thanks crack, it works

[@wisdomeispower]

thanks

Thank you so much, bro! I couldn't do it without your help

[@codingtraps]

wow.... u r great!!!

[@developermaster4199]

const validationSchema = Yup.object({ checkboxOption: Yup.array().min(1, 'Please select at least one checkbox').required('required') });

[@jeromegee]

Love your tuts sir Vish!

[@SingleSeeker]

can`t wait the following videos, good job. Thank you.

[@rubenlech7256]

Thank you so much for your videos, great job

[@mohamedyoussef8835]

Excellent explanations. Great Job.

[@muhammadazam5599]

Should we create reuseable component or Create sinle component everytie which needed we see we need to pass extra props to custom copnents

[@komalmehta13]

Pls make video on logic behind ..when click on ADD button it should show -1+ button and also add ingredients and continue to add ingredients when we click on + and remove ingredients when click on - ,shows according the count

[@kedareshwarawasthi2383]

Really great explanation

[@hostname47]

Thanks for you effort. I just have a question : If {...field} takes care of onChange and onBlur, we would we add checked property to input tag. I tested to remove checked property from both radio button case and checkboxgroup and they work just fine ! Any explanation !?

[@chinzer2]

What do I replace with if I want to make an android app??

[@tmahesh3607]

I don't understand how the message error is displayed in his video 😅 actually in validation it should be yup.array().min(1,'required') then the error msg will be displayed

[@art_and_craft868]

correct

[@pratikkharad6018]

Thanks you so much 🤗

[@mapardo84]

After clicking Submit button, how could you unchecked all checkboxes?

[@sulavniroula6372]

How can we validate user to use only one option in checkbox?

[@mohammadumar443]

let's say i have 4 radio buttons. I initialize yum schema with [false, false, false, false] and on each checkbox click, i change the value of an array. how will i write the schema for "at least one checkbox should be ticked otherwise throw". Please anyone guide ?

[@almukhametovar]

But how to bind Formik to Object type? Object means Person {name='Mike', age=20, hasCar=1} ???

[@piyushsarode5101]

it is giving an error in formik version 1.5.8 anyone has any solution. Thank you.

[@aidanwalker3058]

The required field doesnt actually show for the checkbox like the others do when you submit

[@jeelpatel1427]

use array().min for checkbox validation

[@ritikgupta9354]

if anyone is getting error on checked prop just remove it.For refrence see formik docs..

[@jashabantadas9783]

the syntax may not work ---- checked={field.value.includes(option.value)} so try this instead --- checked={field.value===undefined ? null : ( field.value.includes(option.value))}

[@baruchsnir]

Hi,How can i get the source of this video, i tried the lecture but i get errors on checked={field.value.includes(option.value)

[@Cooperisbooed]

i am also getting the same error. How did you fix it?

[@wildosk765]

@@Cooperisbooed Same here, any ideas?

[@sergeyplotnikov5031]

Same problem

[@igdev6095]

@@Kraszer I did like you but it dont show any error message :(

[@_jeffigy]

@@Kraszer thanks for the solution