addDoc, Collection

react js/native

import { Box, Button, Input,Text } from '@chakra-ui/react'
import React from 'react'
import { useState } from 'react'

import { db } from '../../../Configs/firebase'
import { doc, setDoc } from "firebase/firestore"; 

function AddFirestore() {
	const [name,setName]=useState('')
	const [publisher,setPublisher]=useState('')
	const [date,setDate]=useState('')
	const handleSubmit = async()=>{
		await setDoc(doc(db, "books", name), {
			name: name,
			publisher: publisher,
			publishedDate: date
		  });
	}

  return (
	<Box>
		<Text>Book title</Text>
		<Input type='text' onChange={(e)=> setName(e.target.value)}/>

		<Text>Publisher Name</Text>
		<Input type='text' onChange={(e)=> setPublisher(e.target.value)}/>

		<Text>Date pubslished</Text>
		<Input type='date' onChange={(e)=> setDate(e.target.value)}/>

		<Button onClick={()=>handleSubmit()}>Submit</Button>
	</Box>
  )
}

export default AddFirestore

node