通过React.js中的地图获取显示中的组件的firestore id_如何获取firestore中setData的Id？_如何使用angular Firestore获取Firestore中的集合ID - 腾讯云开发者社区

React.js是一个用于构建用户界面的JavaScript库。它使用组件化的方式来构建交互式的Web应用程序。

Firestore是谷歌提供的一种云端数据库服务，它提供了实时同步、可扩展性和强大的查询功能，适用于构建实时应用程序。

在React.js中获取显示中组件的Firestore ID的过程如下：

安装相关依赖：首先，需要在React.js项目中安装firebase和react-firebase库。可以使用以下命令进行安装：

npm install firebase react-firebase

初始化Firebase：在项目中导入firebase，并使用Firebase的配置信息初始化它。可以在Firebase控制台中获取配置信息。

import firebase from 'firebase/app';
import 'firebase/firestore';

const firebaseConfig = {
  // Firebase的配置信息
  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"
};

firebase.initializeApp(firebaseConfig);

const firestore = firebase.firestore();

获取显示中组件的Firestore ID：使用Firestore提供的API来获取显示中组件的ID。假设在地图上有一个Marker组件，可以在其onClick事件处理程序中获取其对应的Firestore ID。

import React from 'react';

class MapComponent extends React.Component {
  handleClick = (markerId) => {
    console.log("Firestore ID:", markerId);
  }

  render() {
    return (
      <div>
        {/* 地图组件的代码 */}
        <Marker onClick={() => this.handleClick("marker123")} />
      </div>
    );
  }
}

在上述示例中，当Marker组件被点击时，通过调用handleClick函数并传递Firestore ID作为参数来获取该组件的Firestore ID。

这样，您就可以通过React.js中的地图获取显示中组件的Firestore ID了。

参考腾讯云产品：腾讯云提供了云数据库CDB、云服务器CVM和云函数SCF等产品，可以与React.js和Firestore结合使用。您可以通过以下链接了解更多腾讯云产品的详细信息：