小编Hes*_*uew的帖子

我正在使用 @react-google-maps/api 库，包中的所有内容都工作正常。
现在我刚刚注意到组件的 onClick 事件已失去其功能，并且在我的网站中附加到它的功能无法正常工作。我认为我没有更改与 onClick 功能相关的任何代码。

这很容易看出，因为我还在内部使用了可点击标记，并且当将鼠标悬停在这些标记上时，它保持为“拖动手”并且不会更改为“指向手”。
我还有带有标题道具的标记。现在，如果我将鼠标悬停在其上，标题将不会出现。

我尝试通过正常的控制台登录来测试这一点，但控制台仍然为空。
下图显示了具有 onClick 事件的基本组件，并且 onClick 事件不起作用。

我可能错过了一些东西，但这只是突然出现在正在运行的应用程序中，我对此感到困惑。

我正在使用： "@react-google-maps/api": "^2.2.0"，
导入是基本的：

import {
  GoogleMap,
  Marker,
  Polygon,
  useJsApiLoader,
} from '@react-google-maps/api';

嘿，我刚刚更新了我的项目以使用 Firebase 版本 9 模块化。现在，在重构代码之后，我想知道哪种方法可以获得所需的结果：
有一个文档有几个必填字段（比如说：姓名、姓氏）。现在我想添加/更新该文档，但它有多个不需要的字段。

实现这一目标的最佳实践是什么？有条件地添加/更新 [1] 或使用“ignoreUndefinedProperties”[2]？

[1] 有条件添加/更新...

if(address){
  await updateDoc(
    doc(db, collection, id), {
      name,
      lastName,
      address,
    })
} else {
  await updateDoc(
    doc(db, collection, id), {
      name,
      lastName,
    })
}

[2] 忽略未定义的属性...

另外，我找不到有关如何在新版本中使用“ignoreUndefinedProperties”的文档，因此有人可以指导我正确使用。

编辑（这（添加编辑）也是继续并解决我的问题的最佳方式吗？我是新手，所以我也在寻找 StackOverflow 最佳实践）

我正在测试所需的值，但我该如何处理不需要的值？
我有多个集合并对它们进行了 +20 次调用，其中许多只需要 2-4 个值，而可能有 20 个不需要的值。
这样，如果任何不需要的值未定义并且在 updateDoc() 中，我会收到以下错误...

Function updateDoc() called with invalid data. Unsupported field value: undefined (found in field exampleNotRequiredValue in document ...)

因此，对于这种情况，最好
[1] 检查值是否未定义，在这种情况下将它们添加到更新对象
[2] 使用ignoreUndefinedProperties（因为这不是此设置的重点，这不会自动执行此检查而且我不需要改变很多功能？）