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

firebasefirestore add data in collection

Cautious Crocodile answered on February 23, 2022 Popularity 9/10 Helpfulness 4/10

answer firebasefirestore add data in collection

related add data into firestore

firebasefirestore add data in collection

Comment

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

Popularity 9/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: add whatever

Link to this answer
Share Copy Link

Contributed on Feb 23 2022

Cautious Crocodile

0 Answers Avg Quality 2/10

Closely Related Answers

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

Link to this answer
Share Copy Link

Contributed on Mar 03 2022

30_Savaliya Denish

0 Answers Avg Quality 2/10

firebasefirestore add data in collection

Contents

More Related Answers

firebasefirestore add data in collection

Closely Related Answers

add data into firestore

Grepper

Documentation

Social

Legal

Contact

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