React Firebase在单击按钮时创建新集合

import React from 'react';
import firebase from 'firebase/app';
import 'firebase/firestore';

firebase.initializeApp({
  // 在这里添加你的Firebase配置信息
});

const MyComponent = () => {
  const createNewCollection = () => {
    const collectionRef = firebase.firestore().collection('myCollection');
    const newData = {
      name: 'John',
      age: 25,
      email: 'john@example.com'
    };

    collectionRef.add(newData)
      .then(() => {
        console.log('New document added to collection');
      })
      .catch((error) => {
        console.error('Error adding document: ', error);
      });
  };

  return (
    <button onClick={createNewCollection}>创建新集合</button>
  );
};

export default MyComponent;