在添加时创建的相同Firestore文档

Question

我有一个简单的react上下文api，通过它我可以将数据发送到Firestore。上下文代码在

下面

serverless

这些值通过下面的形式发送到上下文

import React, { useState, createContext } from 'react';
import firebase from '../Database/firebase';

export const CocktailContext = createContext();

export default function CocktailContextProvider(props) {
    const [ Data, setData ] = useState({});

    const addData = (Title, Author) => {
        setData({ Title, Author });
    };

    firebase.firestore().collection('doggo').add(Data);
    return (
        <div>
            <CocktailContext.Provider value={{ Data, addData }}>{props.children}</CocktailContext.Provider>
        </div>
    );
}

问题是当我进入Firestore时，我看到我刚刚创建的条目，它出现了3次。谁能告诉我这可能是什么原因？ ：/