Sharepoint: Not able to fetch data from particular list item of site content using React APP WEB-part

Question

I am trying to fetch data from one of the list item of the site content on my SP site.

I have built a React Webpart here are the files and code

I have followed the documentation.

https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/connect-to-sharepoint

I was able to fetch the complete site content list(Document library), but when I am trying to fetch particular list using getByTitle('EmployeeList'), it fails.

Please Advice.

Thanks & Regards,

Sunil

Answer 1

Issue fixed: The WebPart was working fine locally by fetching data from _getMockListData.

However, it wasn't when I was trying to test the WebPart on the https://MyOffice365.sharepoint.com/sites/**InCorrectSPSite**/_layouts/15/workbench.aspx

I later noticed that I was pointing to wrong SP-site.

Answer 2

13591-ireactnewprops.txt13427-reactnew.txt13592-reactnewwebpart.txtYou could use pnp js to get list items.
https://pnp.github.io/pnpjs/sp/items

Test Result:

You could get the code in attachments.