React Formik 默认值

使用React Formik库可以轻松地创建表单，并且还可以设置表单字段的默认值。在本文中，我们将探讨如何使用React Formik的默认值功能，以及如何在实际案例中应用它。

jsx
import React from 'react';
import { Formik, Form, Field } from 'formik';
const LoginForm = () => {
  return (
          initialValues={{
        username: 'guest',
        password: ''
      }}
      onSubmit={(values) => {
        console.log(values);
      }}
    >
      
        
          Username
          
        
        
          Password
          
        
        Submit
      
    
  );
};
export default LoginForm;

jsx
import React from 'react';
import { Formik, Form, Field } from 'formik';
const RegistrationForm = () => {
  return (
          initialValues={{
        username: 'NewUser',
        email: 'example@example.com',
        password: ''
      }}
      onSubmit={(values) => {
        console.log(values);
      }}
    >
      
        
          Username
          
        
        
          Email
          
        
        
          Password
          
        
        Submit
      
    
  );
};
export default RegistrationForm;