//OtherInfo.js
import React, { useState } from "react";
import DateOfBirthPicker from "./DateOfBirthPicker";
import { getFirestore, collection, doc, updateDoc } from "firebase/firestore";
import firebaseApp from "./firebaseConfig"; // Import the Firebase configuration

export function formatDOB(date) {
  // The formatDOB function remains the same
}

function OtherInfo({ formData, setFormData }) {
  const handleDateChange = (date) => {
    // Handle the date selection here
    console.log("Selected date:", date);
    setFormData({ ...formData, dob: date }); // Save the selected date in the formData state

    // Save to Firestore
    const firestore = getFirestore(firebaseApp); // Pass the Firebase instance to getFirestore

    firestore
      .collection("users") // Replace "users" with the name of your collection
      .doc("dob") // Replace "userDocumentId" with the ID of the user document in Firestore, or use .add() to create a new document
      .update({ dob: formatDOB(date) }) // Format the date before saving to Firestore
      .then(() => {
        console.log("Date of Birth successfully saved to Firestore!");
      })
      .catch((error) => {
        console.error("Error saving Date of Birth to Firestore:", error);
      });
  };

  return (
    <div className="other-info-container">
      <label htmlFor="dob">Date of Birth:</label>
      <DateOfBirthPicker // Use the DateOfBirthPicker component
        selectedDate={formData.dob}
        onDateChange={handleDateChange}
      />
    </div>
  );
}

export default OtherInfo;

字符串
我正在往firebase里添加数据。相反，它给出了一个错误：TypeError：firestore.collection不是函数。在这种情况下，有人能帮助我吗？在这种情况下，我使用firebase作为数据库。