如何生成作者鏈接 - 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。