如何在本机反应中将用户表单输入数据保存到firestore答案

【问题标题】：how to save user form input data to firestore in reactnative如何在本机反应中将用户表单输入数据保存到firestore
【发布时间】：2022-01-16 05:26:53
【问题描述】：

我一直在尝试将用户输入提交到我的 firebase 数据库，但它对我不起作用。我是 react-native 和 firebase 的初学者。我有 3 个输入字段，希望在单击提交后将用户输入的数据保存到我的数据库中。

【问题讨论】：

"寻求调试帮助的问题（'为什么这段代码不工作？'）必须包括期望的行为、特定问题或错误和必要的最短代码 在问题本身。没有明确的问题陈述的问题对其他读者没有用处。请参阅：@ 987654321@"
另请注意，Firebase 实时数据库和 Cloud Firestore 是两个独立的数据库。请仅使用相关标签标记您的问题，不要同时使用两者。

标签： javascript react-native firebase-realtime-database google-cloud-firestore react-native-firebase

【解决方案1】：

假设您已准备好这些输入，假设您将它们存储在我不知道的状态中。然后，如果我们谈论 firestore，您会做这样的事情：

const onSubmit = () => {

firestore() 
.collection('your collection') 
.doc(auth().currentUser.uid)
.set({
name : state.name, 
email : state.email
// and so on 
}) 
.then(() => {
// do something like logging 'user registered' 
}) 
}

请注意，您之前收到的 cmets 是权利。这只是您可以做的一个示例，猜测这就是您要问的。但您的问题需要在未来更加准确，以便您获得更好的支持

还要检查 firebase 或 react-native-firebase 文档，具体取决于您使用的是哪一个，因为做事的方式可能会有所不同。我向您展示的是 react-native-firebase 库

【讨论】：

【解决方案2】：

假设你有一些来自文本输入的状态数据：

const [dataState,setDataState] = useState("Some data from text Input")

现在假设您要将其上传到 firebasee。首先，您需要初始化 firebase 应用程序。您通常在单独的文件中执行此操作。方法如下：

import  {initializeApp} from 'firebase/app'
import {firestore} from 'firebase/firestore'

const firebaseConfig = {
    ..your keys 
}

initializeApp(firebaseConfig)
const db = firestore()

export db;

现在您的应用已初始化，请转到您的主文件/屏幕（如 app.js）：

import {db} from './yourFirebaseFile'
import  {collection,addDoc} from 'firebase/firestore'

现在假设您有来自文本输入的处于您状态的数据。让我们创建一个函数来将数据发送到 firebase（您可以通过按下按钮来实现所有这些功能）

const sendToFirestore = async() => {
      await addDoc( collection(db, "Your_Collections_Name_in_firebase"), {
               dataFromInput : dataState
  } )}

给你！您已保存数据（：

【讨论】：