question

deeshaboodhun-5622 avatar image
1 Vote"
deeshaboodhun-5622 asked Jerryzy commented

read office 365 AD data with people picker in react spfx app

Hi Experts,

I have created a react app on the sharepoint framework and used office ui fabric/fluent ui people picker.

To pull data into the people picker, i made used of a rest api to fetch data from a sharepoint list. This worked just fine.

Now i want to pull data in the people picker and i want that data to be my office 365 AD users.

Please guide me on how to do so. Your help will be much appreciated.

Thank you in advance.

office-sharepoint-onlinemicrosoft-graph-people
· 1
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hi @deeshaboodhun-5622 ,

Is there any update ? If the answer is helpful to the question, I suggest you can accept as answer so that it could also help others who have the similiar question in the forum :)

0 Votes 0 ·

1 Answer

Jerryzy avatar image
0 Votes"
Jerryzy answered Jerryzy edited

Hi @deeshaboodhun-5622 ,

I understand you want a People Picker resolve the Office 365 AD users instead of the users just inside a SharePoint list.

Then I suggest you can use the "PnP People Picker" instead of Office UI Fabric People Picker as this People Picker supported to get Office 365 AD users directly once set up context, no need to use API get data and bind to People Picker, please check the link below for details:

PeoplePicker

And here is a complete code demo about using the PnP People Picker inside React SPFX:

PnP People Picker in the SharePoint Framework(SPFx) webpart

Thanks
Best Regards



If the response 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.



5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.