Breaking News: Grepper is joining You.com. Read the official announcement!

add data into firestore

Add Answer

30_Savaliya Denish answered on February 23, 2022 Popularity 10/10 Helpfulness 2/10

answer add data into firestore

related firebasefirestore add data in collection

related how to add data to firestore?

add data into firestore

Comment

import React, { useState } from "react";
import Container from "react-bootstrap/Container";
import { dt } from "../FireBase";
import { addDoc, collection } from "firebase/firestore";
import "./AdminRegister.css"
const AdminRegister = () => {
  //set usestate for toggle the form:
  const [add_page_Render, setAdd_page_Render] = useState(false);
  const [admin_Username, setAdmin_Username] = useState("");
  const [admin_Email, setAdmin_Email] = useState("");
  const [admin_Password, setAdmin_Password] = useState("");
  const adds = collection(dt, "AdminRegister");

  ///onClick so form will be shown:
  const show_form = () => {
    setAdd_page_Render(true);
  };
  //onclick on Close button from will be disapear:
  const Close_Form = (e) => {
    e.preventDefault();
    setAdd_page_Render(false);
  };
  //get the new admin member data:
  const New_Admin_Handler = (e) => {
    e.preventDefault();
    setAdmin_Username(admin_Username);
    setAdmin_Email(admin_Email);
    setAdmin_Password(admin_Password);
    window.history.replaceState(null, null, "/");

    // console.log(admin_Username, admin_Email, admin_Password);

    const Add_Admin_Data = async () => {
      await addDoc(adds, {
        user_name: admin_Username,
        email: admin_Email,
        password: admin_Password,
      });
    };
    if (Add_Admin_Data()) {
      setAdmin_Email("");
      setAdmin_Password("");
      setAdmin_Username("");
    }
  };

  return (
    <>
      {!add_page_Render && (
        <div>
          <button className="btn btn-success" onClick={show_form}>
            Add New Admin
          </button>
        </div>
      )}
      {add_page_Render && (
        <div className="admin_main_div">
          <h1>Register</h1>
          <Container>
            <form onSubmit={New_Admin_Handler}>
              <label htmlFor="User Name">User Name</label>

              <input
                type="text"
                name="user_name"
                id="user_name"
                value={admin_Username}
                onChange={(e) => setAdmin_Username(e.target.value)}
                class="form-control"
                required
                autoComplete="off"
              />
              <label htmlFor="E-mail">E-mail</label>
              <input
                type="email"
                name="email"
                id="e-mail"
                value={admin_Email}
                onChange={(e) => setAdmin_Email(e.target.value)}
                class="form-control"
                autoComplete="off"
                required
              />
              <label htmlFor="Password">Password</label>
              <input
                type="password"
                name="password"
                id="password"
                value={admin_Password}
                onChange={(e) => setAdmin_Password(e.target.value)}
                class="form-control"
                autoComplete="off"
                required
              />
              <button
                className="btn btn-primary"
                style={{ marginRight: "7px", marginTop: "9px" }}
              >
                Register
              </button>
              <button
                className="btn btn-danger"
                onClick={Close_Form}
                style={{ marginTop: "9px" }}
              >
                Close
              </button>
            </form>
          </Container>
        </div>
      )}
    </>
  );
};

export default AdminRegister;

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: add whatever

Link to this answer
Share Copy Link

Contributed on Mar 03 2022

30_Savaliya Denish

0 Answers Avg Quality 2/10

Closely Related Answers

firebasefirestore add data in collection

Comment

FirebaseFirestore.instance.collection("collectionName").doc("id").set({
        'name':"John Cena",
        'email':"youcantseeme@email.com",
       
      });

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: add

Link to this answer
Share Copy Link

Contributed on Feb 23 2022

Cautious Crocodile

0 Answers Avg Quality 2/10

how to add data to firestore?

Comment

import { addDoc, collection } from 'firebase/firestore';
    addDoc(collection(db, 'users'), { "email": 'vikas' });

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: add javascript javascr

Link to this answer
Share Copy Link

Contributed on Jan 14 2023

Vikas Chauhan

0 Answers Avg Quality 2/10

add data into firestore

Contents

More Related Answers

add data into firestore

Closely Related Answers

firebasefirestore add data in collection

how to add data to firestore?

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.