Dynamic Filters in SharePoint Framework- React Component

Microsoft SharePoint framework with all its limitation, but the awesome framework for SP developer. Recently I encounter a bit different requirement on SharePoint framework. To filter data of SP List using react-Switch and textbox. The code is uploaded to the Git hub Link.

To Learn about reactJs and reactes6 use this Link – Learn React Js es6 Link

I used Sharepoint rest API and react-switch to filter data on the list.

SharePoint Framework Switch Webpart

(1) Create project using yo @microsoft/SharePoint

(2) Create We part with react extension (by doing this it will create react as component)

(3) Pass SPHttpclient and Page URL as props to the component class.

(4) We will use Rest Call to List data

happy sharing…..