在与Firebase的React中呈现时执行的onSubmit方法

import React, { useState } from 'react';
import firebase from 'firebase/app';
import 'firebase/auth';

const MyForm = () => {
  const [formData, setFormData] = useState({
    email: '',
    password: '',
  });

  const handleChange = (event) => {
    setFormData({ ...formData, [event.target.name]: event.target.value });
  };

  const handleSubmit = (event) => {
    event.preventDefault();
    // 验证表单数据有效性
    // 执行数据处理逻辑
    // 使用Firebase API发送数据

    firebase.auth().signInWithEmailAndPassword(formData.email, formData.password)
      .then((userCredential) => {
        // 登录成功后的处理逻辑
      })
      .catch((error) => {
        // 登录失败的处理逻辑
      });
  };

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="email"
        name="email"
        value={formData.email}
        onChange={handleChange}
      />
      <input
        type="password"
        name="password"
        value={formData.password}
        onChange={handleChange}
      />
      <button type="submit">Submit</button>
    </form>
  );
};

export default MyForm;