时间戳

首页 > 解决方案 > 在文本输入中反应本机句柄重置按钮

react-native - 在文本输入中反应本机句柄重置按钮

问题描述

如何重置或清除TextField和Picker？请帮忙谢谢。

 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>
)}
  ...

请忽略此消息，请忽略此消息，请忽略此消息，请忽略此消息，请忽略此消息，请忽略此消息，请忽略此消息，请忽略此消息，请忽略此消息，请忽略此消息，

标签： react-native

解决方案

在formik中添加这个

<Formik

>
{({ resetForm ....

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

这将重置或清除您的表格:)

推荐阅读