【问题标题】:Update table data in switch in mui-datatables while my data is in boolean当我的数据为布尔值时,在 mui-datatables 中更新表数据
【发布时间】:2022-01-02 17:58:36
【问题描述】:

我想更新我的布尔数据,同时在每行的 Switch 中显示(从 firestore 获取的数据)

数据正在正确显示,但是在单击它以将其更改为 true 或 false 时,它​​不起作用。 这是我的代码..

{
      name: "is_verified",
      label: "Verified",
      options: {
        customBodyRender: (value, tableMeta, updateValue) => {
          return (
         
                        <Switch
                          checked={value}
                          onChange={
                            async (e) => {
                              e.preventDefault();
                             //tableMeta.rowData[0] is my document id
                             const docsRef = doc(db, "vendors" , tableMeta.rowData[0])
                             await updateDoc(docsRef, {
                                value: e.target.checked,
                                 
                              })

                            }
                          }
                          name="active"
                          color="primary"
                        />
          )
      }
      }
     }

【问题讨论】:

  • “它不工作”是什么意思?更新文档的代码看起来不错。有错误吗?
  • 控制台没有错误。它没有在 Firestore 上更新

标签: javascript reactjs firebase google-cloud-firestore


【解决方案1】:

问题已解决

{
      name: "is_verified",
      label: "Verified",
      options: {
        customBodyRender: (value, tableMeta, updateValue) => {
          return ( 
              <Switch
              checked={value}
              onChange={
                async (e) => {
                  e.preventDefault();
                  updateValue(e.target.checked);
                 //tableMeta.rowData[0] is my document id
                 const docsRef = doc(db, "vendors" , tableMeta.rowData[0])
                 await updateDoc(docsRef, {
                  is_verified: !value,
                     
                  })

                }
              }
              name="active"
              color="primary"
            /> 
          )
      }
      }
     }

Online Doc

【讨论】:

  • 您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center
猜你喜欢
  • 2020-09-09
  • 2021-10-06
  • 1970-01-01
  • 2013-05-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多