javascript - 使用值进行内联样式时无法访问对象中的值

Question

我正在使用以下代码从 firebase 查询数据：

// query for profile, link, and theme data
  useEffect(() => {
    if (user) {
     
      db.collection("users")
        .doc(user)
        .collection("theme")
        .doc(user)
        .onSnapshot(function (doc) {
          setSelectedTheme(doc.data());
          console.log("Theme Data: ", doc.data());
        });
    } else {
      setProfile([]);
    }
  }, [user]);

此函数将我的数据库中的查询值设置为我的selectedThemes变量。

这是数据在我的控制台中打印的方式：

现在，当我尝试使用selectedTheme.background.backgroundImage内联样式中的值时：

 const backgroundStyle = {
    backgroundImage: `url("${selectedTheme.background.backgroundImage}")`,
 
  };

我收到以下错误：Cannot read property 'backgroundImage' of undefined

标签： javascriptreactjsfirebasegoogle-cloud-firestore