I want to add data to cloud firestore but I can't find any guides in the documentation

Thank you so much <a class="user-mention notranslate" data-hovercard-type="user" data-

How to set new doc in firestore about reactfire HOT 3 CLOSED

bk973 commented on June 9, 2024

How to set new doc in firestore

from reactfire.

Comments (3)

aadito123 commented on June 9, 2024 1

ReactFire is meant to help you consume data from Firestore in React, not provide it. Use the vanilla Firebase JS SDK to make any updates to your database.

from reactfire.

bk973 commented on June 9, 2024

Thank you so much @aadito123 This helped me

from reactfire.

jhuleatt commented on June 9, 2024

Here's a code snippet from the example app that may help. It shows getting the initialized Firestore SDK with useFirestore and then adds a document in the addAnimal function.

reactfire/example/withoutSuspense/Firestore.tsx

Lines 36 to 48 in 363c7c6

    
           const firestore = useFirestore(); 
        
           const animalsCollection = collection(firestore, 'animals'); 
        
           const [isAscending, setIsAscending] = useState(false); 
        
           const animalsQuery = query(animalsCollection, orderBy('commonName', isAscending ? 'asc' : 'desc')); 
        
           const { status, data: animals } = useFirestoreCollectionData(animalsQuery, { 
        
             idField: 'id', 
        
           }); 
        
           const addAnimal = () => { 
        
             const possibleAnimals = ['Dog', 'Cat', 'Iguana', 'Zebra']; 
        
             const selectedAnimal = possibleAnimals[Math.floor(Math.random() * possibleAnimals.length)]; 
        
             addDoc(animalsCollection, { commonName: selectedAnimal }); 
        
           };

from reactfire.

How to set new doc in firestore about reactfire HOT 3 CLOSED

Comments (3)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent

	const firestore = useFirestore();
	const animalsCollection = collection(firestore, 'animals');
	const [isAscending, setIsAscending] = useState(false);
	const animalsQuery = query(animalsCollection, orderBy('commonName', isAscending ? 'asc' : 'desc'));
	const { status, data: animals } = useFirestoreCollectionData(animalsQuery, {
	idField: 'id',
	});

	const addAnimal = () => {
	const possibleAnimals = ['Dog', 'Cat', 'Iguana', 'Zebra'];
	const selectedAnimal = possibleAnimals[Math.floor(Math.random() * possibleAnimals.length)];
	addDoc(animalsCollection, { commonName: selectedAnimal });
	};