Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

React is a JavaScript library for building user interfaces. It uses a declarative paradigm and aims to be both efficient and flexible.

2
votes
0answers
11 views

Create-react-app version 2 not compatible with SharePoint?

I'm trying to make a web part with React (not SPFx, just a regular mini React app) for use in SharePoint. I have done so successfully with version 1.x of react-scripts, but now 2.x is out, with ...
0
votes
1answer
25 views

Possible to track session of user in sharepoint?

i just got a requirement to modify some code in my SPFX app to detect a user sessions. the requirements is that i have to lock that specific list which is tracked by a separate tracking list (schema: ...
0
votes
0answers
9 views

Send document from a native document library to a library found in a SPFx webpart

My scenario : I am need to send files from one library(native) in SharePoint to a library found in a SPFX webpart. Step two,once the file in the library(spfx webpart) there is a button associated ...
0
votes
1answer
28 views

React Native (Sharepoint-application)

I have started learning to code in react native. Have an idea of trying to create an application that (creates / updates / deletes) data from SharePoint lists. My question is: How do I create a ...
0
votes
2answers
79 views

Getting error 'response.map is not a function' trying to map a list items with managed metadata fields in spfx react solution

I am trying to get items from a links list with managed metadata. I am getting an error 'response.map is not a function'. I have used the sample from this answer to get the data using ...
0
votes
0answers
22 views

How to create SharePoint typescript react module

I'm trying to make my own module which allows to create component templates and transpile everything to a single js file to be able to use it as external templates in SPFx webparts. Currently i'm able ...
0
votes
1answer
59 views

react, spfx and taxonomy

I am using react to get the term by id, but the problems is that I am not able to get any child term under the term.For example: -IT --software --hardware IT is term not termSet. taxonomy....
2
votes
1answer
64 views

Add Dynamic Property Panes to SPFX

I know this has been asked 1000 times, but i've tried everything in the first 2 pages of google so i've decided to come to you guys for help. I'm trying to create some dynamically added property ...
-1
votes
0answers
28 views

Query data from Azure table storage using SPFX

i currently have a requirement to display Azure table storage data into a table created using SPFX (react). i have created an azure table storage already with a cosmos db storage. i have read the ...
0
votes
1answer
511 views

Updating SPFX breaks gulp

So i tried installing a webpart from scratch & added React as a framework. All good, but the version of @microsoft dependencies is 1.5.1 AND the latest is actually 1.6.0. I've tried updating ...
1
vote
2answers
163 views

Trying to use SPFX + React. Error “yo : The term 'yo' is not recognized as the name of a cmdlet”

I want to build my first SPFX React web part, so i am following this article:- https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/use-fabric-react-components first step i ...
0
votes
0answers
40 views

SharePoint Framework Web Part on a Classic page

I created a React - web part for SharePoint using react-slick carousel and react-player. The web part works great and is responsive on modern pages. I created a custom classic page layout using ...
0
votes
1answer
37 views

SPFX Textarea Render Issue in IE11

I have the above Textarea displaying some dynamic address, it displays and keeps my CSS styling as wanted in Chrome (Version 67.0.3396.99 (Official Build) (64-bit) ) with no border or other issues but ...
1
vote
1answer
83 views

SP 2013 - Calling list data from create-react-app on separate domain

We want to read and update SP2013 list data from our purely client-side javascript create-react-app project. Our production build files (html and js) can be hosted in the same domain on SharePoint (...
3
votes
2answers
79 views

How to combine two SPFx web parts?

We have two separate SPFx web parts (call them A and B), and you can add A and/or B to same SharePoint Online site. Now there is a need to create web part C that combines both A and B into single web ...
0
votes
2answers
28 views

Add a link on top of html elements (React)

I have a "meeting radar" on my SharePoint witch is build using react I think and I wish to upgrade. Unfortunatly, even though I am starting to have a correct js level, I dont understand this code and ...
1
vote
1answer
394 views

SPFx - Get User ID from User Login Name

As the title suggests, does anyone have a working method for getting a users ID from a users Login Name (not the one signed in)? Login name like: i:0#.f|membership|firstname.lastname@contoso....
1
vote
1answer
78 views

Reuse Child Component Method to Parent Component Fabric React - SPFx

I am using Fabric React with SPFx. I want to use one component public method to another component. How can be possible to reuse method? My Parent Component: export class PanelSmallRightExample2 ...
1
vote
1answer
82 views

Office UI Fabric Ract Command Giving an error UNMET PEER DEPENDENCY

Issue while adding command "npm --save install office-ui-fabric-react" NPM Version: @microsoft/generator-sharepoint@1.0.2 gulp@3.9.1 yo@2.0.2 How to solve this issue? It gives warning:office-ui-...
0
votes
0answers
34 views

SPFx - REACT - WebPart: Child State Persists Through Parent State Change

I'm new to TypeScript and React. This issue has confounded me for some time and I'm sure that I have missed something fundamental. I need some insight into the proper way rebuild my app. I'm not ...
0
votes
0answers
162 views

SPFx and React: how to filter on cascading dropdownlists?

I am using the example from Github, but I am not sure how to filter the second dropdown list based on the selected value in the first list: <MyAsyncDropdown label ="Select a site" ...
1
vote
1answer
127 views

SharePoint 2016 SPFx React TypeScript Issue

I am getting an error of TypeScript 2.2.2 in SharePoint 2016. I can install SPFx web part with No JavaScript Framework approach. And it's working fine but when I choose "React" in "yo @microsoft/...
1
vote
1answer
152 views

Cascading dropdown list in SPFx web part

Can someone help me with this issue as I would like to create cascading dropdown lists inside the web part itself and not in the property pane. I have found this code in [github react-...
0
votes
0answers
242 views

Advanced SPFx Search box web part

I have found a spfx search box in github, but I was wondering if there is one that has advanced functionality, like searching for specific sites, libraries, by content type? Is it possible to use ...
1
vote
1answer
119 views

SPFx get all sites were user has permissions

is there a way to get all site collections and subsites where the current user has access to? I would like to build a web part in SPFx and in React. Any suggestions are welcome. Thank you.
0
votes
1answer
35 views

Implement taxonomy field on a custom react app

I am developing a custom react app. I need taxonomy and people picker controls on the app. Please let me know if this is possible and if yes, how.
0
votes
1answer
30 views

Saving data from a multi-page react app

I am trying to emulate a sharepoint new form in a custom react app of multiple pages. My problem is how will I store the data that user enters across multiple pages and save it in the sharepoint list. ...
0
votes
0answers
60 views

Custom web API for communication with SharePoint Online

I am new to web APIs and need to create a custom web API for communication with a SharePoint Online list. There is no Azure involved. I am also required to create a React app which will in turn, ...
0
votes
1answer
78 views

Return only one item from the list

I'm trying to display checkbox of some of the popular links but I face this problem. I can't return more than one item (first one). Any Ideas how to display all of them (5). private getItems(){ ...
0
votes
0answers
268 views

Property 'serviceScope' does not exist on type 'IWebPartContext'

I'm trying to Recreate this sample/demo I face a problem when I try and run the same or create it from scratch myself. I get the following 2 errors: error TS2339: Property 'serviceScope' does not ...
1
vote
0answers
345 views

Using SP-PNP-JS to get data from custom content type fields with React

I'm currently making News Listing Web Part, where News are made as custom content type. I managed to get the basic fields like id, title, but others are really bothering me. The API fetches all the ...
0
votes
2answers
546 views

Spfx, WebParts and PnP : How to get the current user id?

Good morning every SharePoint fellow ! I know this question has surely already been posted, but i could'n't found a clear answer. Context I am programming a custom WebPart for Sharepoint online with ...
0
votes
1answer
182 views

ReactJS web part list items with delete button, delete executes when rendering

I am using SPFX to render items from a list in a table that includes a delete button for each row item. Here is a condensed version of the parent component: export interface IHelloWorldState { ...
0
votes
2answers
454 views

Setting default value office ui fabric react people picker

I'm currently using the CompactPeoplePicker component however I'm looking to extend it using the selectedItems property to set the people picker from a rest call. <CompactPeoplePicker ...
0
votes
1answer
404 views

React State in Property Pane?

While using SPFx with React how do I use state in the property pane to change and manipulate values instead of default properties? Can I add state to the BaseClientSideWebPart? Or is there another way ...
2
votes
1answer
98 views

How to change state in webpart.tsx from wepart.ts property pane - SPFx

I am trying to add a button to my property pane that will pop up a modal where the user will be able to enter in an image to be displayed on my banner webpart which is just an image carousel. I ...
0
votes
0answers
68 views

Getting error sp-webpart-workbench-assembly_en-us_ Uncaught TypeError: Cannot read property 'searchablePlainTexts' of undefined

I am trying to imitate the React todolist webpart using semantic-ui-react component instead of office-ui-fabric. i followed this sample-->(https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/...
0
votes
0answers
36 views

Debugging React components in spfx client side webparts

How can I step through my .tsx code file line by line? Either using Google Chromes developer tools or Visual studio code the debugger steps into internal Typescript/JavaScript libraries? It becomes ...
0
votes
0answers
108 views

SPFx: Get item id/file ref of selected item in the butting click event using Reactjs

I would like to fetch selected item Id and file reference Url in the button click event. Thanks in advance
2
votes
2answers
189 views

How to catch navigation event in SPFx webpart?

Is it possible to catch navigation event inside Sharepoint Framework web part? I know this is possible in application customizer using context.placeholderProvider.changedEvent, but I cannot find ...
1
vote
1answer
325 views

SPFX Fabric UI React Buttons handled by one click event

I need to put multiple CompoundButtons on my SPFX webpart, I need them to trigger the same onClick event handler. How do I know in my event which button has fired? I tried to use an id, but it seems ...
1
vote
2answers
1k views

SharePoint Framework: how to display document library data in a SPFx client side web part using ReactJs and Type Script

I need to fetch data from document library which resides in SharePoint online and display in spfx client web part with filtering, paging and sorting features. Tools: ReactJs, TypeScript, Visual ...
1
vote
1answer
111 views

how to display two sharepoint list data separately in react?

my requirement is i have to display 4 list separately under collapsable panel but the problem is, I am not able to segregate the list , is there any way? help me. export interface IMyWorkListState { ...
1
vote
2answers
400 views

Using React in Sharepoint 2010

I was asked to integrate my React app into a SharePoint 2010 page. I've never worked with SharePoint before. I've tried searching online, but couldn't find any definite answer if this is doable with ...
0
votes
0answers
52 views

SPFx -Error when use last version of Office-UI-React with SPFX 1.4.0

I want to use last version of Office-UI-React with SharePoint Framework v 1.4.0 with TypeScript Version 2.2.2. When i install last version office-UI-React have following error:
0
votes
1answer
920 views

Get data from multiple lists using REST API

My requirement is: To pass listnames as an array to a method and concatenate the result after each success. The problem is I'm not able to concatenate the result from the previous ajax call ...
0
votes
1answer
201 views

Sharepoint Framework/PnP-JS/React : state Object doesnt work

I have created a property (age) in the state Object. However, I can not access this property in my code. I am getting an Error Message: Property 'age' does not exist on type '{} Here below is my ...
0
votes
1answer
469 views

Sharepoint Framework/PnP-JS/React : How to set a Class Property Value from a callback function

import { Web } from "sp-pnp-js"; import pnp from "sp-pnp-js"; interface ISPVehicule { Title: string; Marque: string; Modele: string; Vitesse: string; Poid: string; } export default ...
-3
votes
1answer
478 views

How to access to SharePoint Objects (List, ListItem, User, ect) using React and PnP-JS Core with SharePoint FrameWork (SharePoint 2016)

I would like to create a WebPart using react and PnP-JS Core with sharepoint framework capable to access SharePoint Objects (such Lists, ListItems, Users, Groups, ect ) in the site where it is ...
5
votes
1answer
703 views

How to perform CRUD Operations on sharepoint lists using React and PnP-JS Core with SharePoint FrameWork (SharePoint 2016)

I would like to create forms using react and PnP-JS Core with sharepointframework to perform CRUD Operations on sharepoint lists. Do you have any simple examples I can look at and test on SharePoint ...