Javascript 如何使用firestore文档的唯一id访问该文档

我想在模板html代码中的按钮中添加一个事件侦听器 （下面的按钮添加信任响应）

事件侦听器将负责将表单提交信息附加到模板，并将其存储在现有firestore文档中。但是，我只希望将新表单数据附加到模板实例，该模板实例与单击按钮的li的唯一id相匹配，并且仅存储在拥有唯一id的firestore文档中

我已将唯一的firestore id作为dataAttribute从每个实例的父li访问

我很难确定如何实现所需的功能。任何帮助都将不胜感激

我的模板创建代码如下所示：

const eoiContainer = document.querySelector("#eoiContainer");
db.collection("eoi").onSnapshot((snapshot) => {
  viewSetup(snapshot.docs);
});

const viewSetup = (data) => {
  if (data.length) {
    let html = "";
    data.forEach((doc) => {
      const eoi = doc.data();
      const dataId = doc.id;
      const li = `
      <li data-id="${dataId}">
      <div class="collapsible-header grey lighten-4"><span class="eoiInfo">STUDY: </span> ${eoi.name} | <span class="eoiInfo">CPMS: </span> ${eoi.cpms}</div>
          <div class="collapsible-body whites">
            <div class="row #fafafa grey lighten-5">
              <div class="col s3 ">
                <p><span class="eoiInfo">NAME: </span> ${eoi.name} </p>
                <p><span class="eoiInfo">CPMS: </span> ${eoi.cpms} </p>
                <p><span class="eoiInfo">IRAS:</span>  ${eoi.iras}</p>
                <p><span class="eoiInfo">SPECIALITY:</span> ${eoi.speciality}</p>
              </div>
              <div class="col s3 w ">
                <p><span class="eoiInfo">SOURCE:</span> ${eoi.source}</p>
                <p><span class="eoiInfo">Date: (added):</span> ${eoi.dateAdded}</p>
                <p><span class="eoiInfo">Date (open):</span> ${eoi.openDate}</p>
                <p><span class="eoiInfo">Date (close):</span> ${eoi.closeDate}</p>
              </div>
              <div class="col s6 center-align response">
              <p>Add Trust response</p>
                <button class="btn-floating btn-large waves-effect waves-light orange""><i class="material-icons">add</i></button>
            </div>
          </div>
          <div class="progress">
              <div class="determinate" style="width: 50%"></div>
            </div>
        </li>
      `;
      html += li;
    });
    eoiContainer.innerHTML = html;
  }
};

const-eoiContainer=document.querySelector（“eoiContainer”）；
db.collection（“eoi”）.onSnapshot（（快照）=>{
视图设置（snapshot.docs）；
});
常量视图设置=（数据）=>{
if（数据长度）{
设html=“”；
data.forEach（（doc）=>{
常量eoi=文档数据（）；
const dataId=doc.id；
常数李=`

研究：${eoi.name}|CPMS:${eoi.CPMS}
名称：${eoi.NAME}

CPMS:${eoi.CPMS}

IRAS:${eoi.IRAS}

专业：${eoi.SPECIALITY}

来源：${eoi.SOURCE}

日期：（已添加）：${eoi.dateAdded}

日期（打开）：${eoi.openDate}

日期（关闭）：${eoi.closeDate}

添加信任响应