使用ReactJS的联系人表单不会将数据发送到firebase

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

// 初始化Firebase
const firebaseConfig = {
  // Firebase配置信息
};

firebase.initializeApp(firebaseConfig);

const ContactForm = () => {
  const [name, setName] = useState('');
  const [email, setEmail] = useState('');
  const [phone, setPhone] = useState('');

  const handleSubmit = (e) => {
    e.preventDefault();

    // 将数据存储到Firebase实时数据库
    firebase.database().ref('contacts').push({
      name,
      email,
      phone
    });

    // 清空表单数据
    setName('');
    setEmail('');
    setPhone('');
  };

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        placeholder="姓名"
        value={name}
        onChange={(e) => setName(e.target.value)}
      />
      <input
        type="email"
        placeholder="电子邮件"
        value={email}
        onChange={(e) => setEmail(e.target.value)}
      />
      <input
        type="tel"
        placeholder="电话号码"
        value={phone}
        onChange={(e) => setPhone(e.target.value)}
      />
      <button type="submit">提交</button>
    </form>
  );
};

export default ContactForm;