So, if you look into the <WebpartName>webpart.ts file , you can find this information in the current page context. Simple Image Upload with React - Medium The synchronization between the exchange profile photo and the SharePoint UPS photo is auto. I want to query the User profile property to see if the PictureURL is populated. Similarly we can query and fetch other properties/attributes from the user profile for a given people/lookup column. onChange — This is where the real action happens. You can add any of the 15 Azure AD custom extension attributes to users' profile cards by calling the new Microsoft Graph API's. The onPremisesExtensionAttributes property of the user entity contains fifteen custom extension attribute properties. Install PnPjs dependencies. Getting User Information with the SharePoint 2013 REST API Column Formatting provides a new way for users to format the physical appearance of columns within a SharePoint List. setMyProfilePic(profilePicSource: Blob): Promise<void> To learn more about column formatting, please follow this post. September 14, 2016 at 4:26 AM . Another way to style the controls is to create a custom css class for it that you attach to the control: 1. For this checking, It's just the easy way to check on SPFx with default site permission. How to call and show Graph API data in SPFx Adaptive Card Extensions ... SPFx: Retrieve User Profile Properties using PnP JS - TechNet Articles ... Retrieve User Profile Properties Using SPFx And PnP JS In SharePoint Online Site Users - PnP/PnPjs This step is pretty self-explanatory, simply run yo @microsoft/sharepoint, select React, give your webpart a name, do not change other defaults asked by yeoman. Here are good threads for your reference. A list of matching results will display, and you can pick the person you want. However the picture URL couldn't be retrieved with this and I've seen a blog that . Graph Api In Spfx - tpdevpro.com Profile cards in Microsoft 365 Office 365 - Get all users without a user profile photo using PnP ...