固体/反应组件：用于地址的 useLDflex()

问题描述

我正在尝试使用 useLDflex() 或 useLDflexValue() 从用户的个人资料中读取用户的地址。

当我运行这个时：

const address = useLDflex(`[${webId}].vcard_hasAddress`)?.toString() || 'loading...';
console.log('address: ',address);

控制台显示：

address:  https://<username>.solidcommunity.net/profile/card#id1234567890,false,

我可以在浏览器中访问 URL 并显示地址对象，但如何在代码中直接访问地址对象的内容？我假设有一个函数可以解析地址 URL 并返回内容但找不到它。

谢谢。任何指向该主题阅读材料的链接也将不胜感激。

解决方法

Solid Profile 的 vcard:hasAddress 谓词指向一个地址资源，然后该资源具有更多属性，例如 vcard:country-name 和 vcard:locality。

使用 ldflex，您可以使用点符号来“链接”您的查询。因此，这将为您提供地址位置：

[${webId}].vcard_hasAddress.vcard_locality

除了点符号之外，您还可以使用方括号访问属性。这也适用于包含破折号的属性，例如国家/地区名称：

[${webId}].vcard_hasAddress['vcard:country-name']

试一试on the LDFlex playground with my WebID。

如果地址存储在不同的文档中，您需要先查询地址，然后再查询地址属性：

1. [${webId}].vcard_hasAddress
2. [${address}].vcard_locality