spfx property bag

Question

Hi,

I have created a custom property bag key-value pair using PnP and now I am trying to access it as a "READER" in my spfx solution.

The first question is. Can an spfx access the value with a "Reader's" context.
The second Question is. I have been drilling for some code snippet but didn't get any for spfx.

Thanks for your continued support

Answer 1

Hi @Aniruddha Aditya ,

We could access the custom property bag key-value with the rest api /_api/web/allProperties.

So as a READER, you could fetch Key-Value pair from site property bag in SPFX. Below is my demo code snippet:

import { SPHttpClient, SPHttpClientConfiguration, SPHttpClientResponse, ODataVersion, ISPHttpClientConfiguration } from '@microsoft/sp-http';  
    const spHttpClient: SPHttpClient = this.context.spHttpClient;  
    const currentWebUrl: string = this.context.pageContext.web.absoluteUrl;  
      
    //GET current web info  
    spHttpClient.get(`${currentWebUrl}/_api/web/allProperties`, SPHttpClient.configurations.v1).then((response: SPHttpClientResponse) => {  
      
        response.json().then((PropertyValues: any) => {  
      
            console.log(PropertyValues);  
        });  
    });  

---

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.