reactjs 如何调用包含其他字段名称的Firestore字段

pkln4tw6  于 2023-03-22  发布在  React
关注(0)|答案(1)|浏览(161)

我在Firestore中有一个“产品”集合,我正在使用下面的方法从它获取文档

const docRef = doc(db, "products", id);
const [product, setProduct] = useState({});

const getProduct = async () => {
      const docSnap = await getDoc(docRef);

      if (docSnap.exists()) {
        setProduct(docSnap.data());
      } else {
        console.log("no product!");
      }
    };

有一个数组字段叫做types,我上传的是每种类型的图片。所以img url字段看起来像这样:(type+ 'url')
我可以用product.name来调用产品名称,用product.type来输入。但我不知道如何调用product.(type+ ‘ Url’)这样的类型img url字段

qvk1mo1f

qvk1mo1f1#

可以使用括号表示法进行动态属性访问:

product[`${product.type} URL`];

// If product.type is "a", then this does:
product["a URL"]

MDN参考

相关问题