Кнопка сброса дескриптора React Native в textinput

#react-native

Вопрос:

Как я могу сбросить или очистить текстовое поле и средство выбора? пожалуйста, помогите, спасибо.

  const [selecteddocClassification, setSelecteddocClassification] = React.useState(0);

 const handleReset=()=>{
  ////here
 }
return(
    <Formik
       .....
  <TextField
       id="strdatefrom"
       label="Date from"
       name="strdatefrom"
       type="date"
       onChange={handleChange('strdatefrom')}
       value={strdatefrom}
       className={classes.textField}
       />
      <Picker 
          value={selecteddocClassification}    
          selectedValue={selecteddocClassification}
          onValueChange={(itemValue, itemIndex) =>{
          if (itemValue !== 0) {
             setSelecteddocClassification(itemValue)
             setFieldValue("documentClassificationId",itemValue)
          } 
          }}
          >
          <Picker.Item label='Please select an option...' value='0' />
              {classificationsPickerItems}
         </Picker>
 <Button variant="contained"
     onClick={handleReset}>
 Reset
 </Button>
)}
  ...
 

Пожалуйста, проигнорируйте это сообщение, Пожалуйста, проигнорируйте это сообщение, Пожалуйста, проигнорируйте это сообщение, Пожалуйста, проигнорируйте это сообщение, Пожалуйста, проигнорируйте это сообщение, Пожалуйста, проигнорируйте это сообщение, Пожалуйста, проигнорируйте это сообщение, Пожалуйста, проигнорируйте это сообщение, Пожалуйста, проигнорируйте это сообщение, Пожалуйста, проигнорируйте это сообщение,

Ответ №1:

добавьте это в формик

 <Formik

>
{({ resetForm ....

 <Button variant="contained"
     onClick={resetForm}>
 Reset
 </Button>
...
 

это приведет к сбросу или очистке вашей формы 🙂