Как я могу сделать сборщик в React Native required - PullRequest
Новая
       84

Как я могу сделать сборщик в React Native required

0 голосов
/ 05 августа 2020

Я создал форму регистрации в react native с formik и yup. Согласно документации, я добавил собственное средство выбора реакции. 

<Formik
        initialValues={{ password: '', first_name: '', email: '', passwordConfirmation: '' }}
        onSubmit={values => handleSubmit(values)}
        validationSchema={registerSchema}
      >
        {({ handleChange, handleBlur, handleSubmit, values, touched, errors }) => (
          <View>
            <TextInput
              style={styles.textInputTop}
              onChangeText={handleChange('first_name')}
              onBlur={handleBlur('first_name')}
              value={values.first_name}
              label="First Name"
              mode="outlined"
            />

            <Text style={styles.errorMsg}>{touched.first_name && errors.first_name}</Text>
           
            //Other Fields I have not mentioned in the code 

            <View style={styles.pickerContainer}>
              <Text style={styles.depText}>Department</Text>
              <Picker
                style={{ height: 50, width: 150 }}
                onValueChange={(itemValue, itemIndex) => setdepartment(itemValue)}
                mode={"dropdown"}
              >
                <Picker.Item label="Management" value="Management" />
                <Picker.Item label="HR" value="HR" />
                <Picker.Item label="Accounting" value="Accounting" />
                <Picker.Item label="Sales" value="Sales" />
              </Picker>
            </View>
            <Button style={styles.btn} mode="contained" onPress={handleSubmit}>
              <Text style={{ color: "white" }}>Sign Up</Text>
            </Button>
          </View>
        )}
      </Formik>

Мне нужно добавить formik и yup в сборщик, чтобы сделать его обязательным полем. Как мне это сделать? Если это невозможно с formik и yup, то как я могу сделать сборщик необходимым.

1 Ответ

0 голосов
/ 11 августа 2020

в отделе registerSchema make: 

department:  Yup.string().required('this field is required')

будет содержать выбранное значение из средства выбора, вы можете изменить тип со строки на массив в зависимости от выбранного значения.

...