使用适用于移动应用的原生react将textipnput数据保存到firebase

npx react-native init YourApp
cd YourApp
npm install firebase react-native-firebase

// firebaseConfig.js

export default {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID",
};

// App.js

import firebase from 'react-native-firebase';
import firebaseConfig from './firebaseConfig';

firebase.initializeApp(firebaseConfig);

// App.js

import React, { useState } from 'react';
import { TextInput, Button } from 'react-native';
import firebase from 'react-native-firebase';

const App = () => {
  const [text, setText] = useState('');

  const saveData = () => {
    firebase.database().ref('data').set(text);
  };

  return (
    <>
      <TextInput
        value={text}
        onChangeText={setText}
        placeholder="Enter some text"
      />
      <Button title="Save" onPress={saveData} />
    </>
  );
};

export default App;