时间戳

首页 > 解决方案 > 世博会/Firestore 兼容性

reactjs - 世博会/Firestore 兼容性

问题描述

我正在世博会上运行一个项目，但我在将 Firestore 后端实现到代码中时遇到了困难。没有太多有用的文档来帮助语法。

我创建了一个名为 usersApi 的单独文件：

import firebase from "firebase"
require("firebase/firestore");
import React, { Component } from 'react';


const firebaseConfig = {
  apiKey: "...",
   authDomain: "...",
   databaseURL: "...",
   projectId: "...",
   storageBucket: "...",
   messagingSenderId: "...",
   appId: "..."
};
!firebase.apps.length ? firebase.initializeApp(firebaseConfig) : firebase.app();


export function addUsers(child, addComplete){

  firebase.firestore().collection('users').add({
    fname: child.name,
    lname: child.name,
    createdAt: firebase.firestore.FieldValue.serverTimestamp()
  }).then((data) => addComplete(data))
.catch((error) => console.log(error));
}
export function getNames(namesRetrieved){

我想要的目标是检索用户在表单上输入应用程序的名称并将其存储在 firestore 数据库中。这是在出席.js 文件中：

export default class Attendance extends Component {

  state = {
      childFistName: '',
      childLastName: '',
      tableHead: ['First Name', 'Last Name', 'Time in', 'Time out'],
       students: []
    }

标签： reactjsfirebasereact-nativegoogle-cloud-firestoreexpo

解决方案

推荐阅读