从窗体外部重置React Native Formik窗体

npm install formik

import React from 'react';
import { View, TextInput, Button } from 'react-native';
import { Formik } from 'formik';

const MyForm = () => (
  <Formik
    initialValues={{ name: '', email: '' }}
    onSubmit={(values) => console.log(values)}
  >
    {({ handleChange, handleBlur, handleSubmit, values }) => (
      <View>
        <TextInput
          onChangeText={handleChange('name')}
          onBlur={handleBlur('name')}
          value={values.name}
        />
        <TextInput
          onChangeText={handleChange('email')}
          onBlur={handleBlur('email')}
          value={values.email}
        />
        <Button onPress={handleSubmit} title="Submit" />
      </View>
    )}
  </Formik>
);

export default MyForm;

import React, { useRef } from 'react';
import { Button } from 'react-native';
import MyForm from './MyForm';

const App = () => {
  const formRef = useRef(null);

  const handleResetForm = () => {
    if (formRef.current) {
      formRef.current.resetForm();
    }
  };

  return (
    <>
      <MyForm ref={formRef} />
      <Button onPress={handleResetForm} title="Reset Form" />
    </>
  );
};

export default App;