如何生成作者链接 - Spfx/React 和 Sharepoint 2019？

Question

我在使用 Sharepoint (2019) 和 React 方面还很陌生，所以我的问题是：

我的目标是开发一个 webpart，它基本上以一种更花哨的方式显示列表中的条目。 首先，我得到了该列表中的所有项目：

await sp.web.lists.getByTitls(this.properties.listName).items.select("Title", "Description", "Location", "Location/Title", "Location/ID", "Author", "Author/Title").expand("Location", "Author").orderBy(...

我将每个值存储在一个变量中，例如 authorName: item.Author.Title 然后为每个条目返回一个部分，我在其中显示例如： <div className={classNames(styles.Column, styles.Section)}>{item.authorName}</div>

现在我想生成从 item.authorName 到实际 SharePoint 用户的链接，以便任何人都可以看到他/她的联系信息。这是如何完成的——最好的批准是什么？骆驼查询？我尝试了一些东西，但对我来说没有任何效果，现在我有点绝望。我正在使用 SharePoint 2019 和 React。非常感谢您的帮助！

Answer 1

你可以使用例如：

1. Pnp Spfx 控件 - https://pnp.github.io/sp-dev-fx-controls-react/controls/fields/FieldUserRenderer/

   从“@pnp/spfx-controls-react/lib/FieldUserRenderer”导入 { FieldUserRenderer }；

2. Pnp Js 库：https://pnp.github.io/pnpjs/sp/site-users/ 获取用户属性，然后渲染自己的信息

我可以推荐使用 Pnp spfx 控件（对于 SharePoint 2019 - 使用版本 1.XX，现在最新的是 1.20）

如果您需要任何其他支持，请随时与我联系 - 我的环境也是 Sharepoint 2019。