React Native 中点击重置按钮如何清空TextField与Picker的值

你当前的场景同时用到了Formik管控的表单字段和独立React state管控的Picker选中值，重置逻辑需要同时处理两部分的状态同步，具体实现如下： #

核心实现代码 #

直接补充handleReset方法的逻辑即可：

const handleReset=()=>{
  // 重置所有Formik管控字段，包含TextField的strdatefrom
  resetForm()
  // 重置Picker绑定的独立state为初始默认值
  setSelecteddocClassification(0)
  // 同步更新Formik中关联的分类字段值
  setFieldValue("documentClassificationId", 0)
}

注意事项 #

• 请确保你的Formik配置中已经配置了正确的初始值，示例如下：

<Formik
  initialValues={{
    strdatefrom: '', // TextField对应字段的初始空值
    documentClassificationId: 0 // 分类字段初始值
  }}
  // 其余配置...
>
  {/* 表单内容 */}
</Formik>

• 注意当前代码中Picker的默认选项value是字符串'0'，但state初始值是数字0，建议统一两者类型，避免类型不一致导致重置后选中状态不生效，比如把Picker默认项改成value={0}或者把state初始值改成'0'。

内容的提问来源于stack exchange，提问作者May Yie