Блог

У меня небольшая проблема с поведением выпадающего списка, я бы хотел, чтобы кнопка была включена при первом выборе в раскрывающемся списке, потому что в текущем поведении вам все равно нужно выбрать второй раз, чтобы кнопка была включена. Заранее спасибо.

 
    const Validation = yup.object().shape({
      studentid: yup
      .number()
      .required('User is Required'),
      studentname: yup
      .string()
      .required('User is Required'),
    });
 

     <Formik
        validationSchema={Validation}
        initialValues={{ 
          studentid:"",
          studentname:""
         }}
        isInitialValid={false}
        onSubmit={addTodoHandler}
      >

    <DropDownPicker
         name="studentid"
         value={studentid}
         defaultValue={studentid}
         zIndex={9000}
         searchable={true}
         placeholder="Select a user"
         searchablePlaceholder="Search a user.."
         searchablePlaceholderTextColor="gray"
         seachableStyle={{maxHeight:500, height:500}}
         searchableError={() => <Text>Not Found</Text>}
         onSearch={text => { searchUser(text)  }} 
         items={users}
         containerStyle={forms.dropdownStyle} 
         itemStyle={{
         justifyContent: 'flex-start', 
         }}
         shadowOffset: {
             width: 0,
             height: 1,
         },
         shadowOpacity: 0.22,
         shadowRadius: 2.22,
         elevation: 3,}}
         onChangeItem={item => {
              console.log(item)
              setFieldValue("studentid",item.value)
              setFieldValue("studentname",item.label)
              setSelectedUserId(item.value);
         }}
         />
        <View style={{padding:0,zIndex:-1,flexDirection:'row',flexGrow: 1}}>
              <Button title="Add" onPress={handleSubmit}    disabled={!isValid}/>
        </View>