• 1402/04/07

validation selector with Formik and Yup :

سلام جناب قربانی

وقت بخیر 

من یه فرم دارم که از المان های mui استفاده کردم و میخوام المان selector را اعتبارسنجی کنم ولی متاسفانه هنوز راه حلی واسش پیدا نکردم.

ممنون میشم راهنماییم کنید.

 <Selector
                     onChange={ formik.handleChange }
                     onBlur={ formik.handleBlur }
                     value={ formik.values.unitType }
                     id='unitType'
                     name="unitType"
                     title="نوع واحد"
                     list={ [ "خدماتی", "صنعتی" ] }
                     variant={ "standard" }
                  />
                  { formik.touched.unitType && formik.errors.unitType ? ( <div style={ { color: 'red' } }>{ formik.errors.unitType }</div> ) : null }
export const userSchema = Yup.object().shape( {
  unitType: Yup.string()
    .required()
    .oneOf( [ "خدماتی", "صنعتی", "هیچ کدام" ] )
    .label( "unitType" ),
  • 1402/04/07
  • ساعت 13:03

سلام دوست من

منظورتون کامپوننت Select هست ؟ چون Selector بین کامپوننت های MUI نیست

برای کامپوننت Select به این صورت قبلا پیاده سازی کرده بودم ببین کمکت میکنه

                      <Select
                        id="eduType"
                        name="eduType"
                        size="small"
                        value={formik.values.eduType}
                        onChange={formik.handleChange}
                        labelId="eduType"
                        label="eduType"
                        error={Boolean(
                          formik.touched.pelak && formik.errors.pelak
                        )}
                      >
                        <MenuItem value="تئوری" selected>
                          تئوری
                        </MenuItem>
                        <MenuItem value="عملی">عملی</MenuItem>
                      </Select>

  • 1402/04/10
  • ساعت 10:42

ممنونم که وقت گذاشتین.
باشه چشم، حتما تست میکنم.

متشکرم.


logo-enamadlogo-samandehi