You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -333,17 +333,6 @@ The last step before testing is to notify SharePoint that upon deployment to pro
333
333
334
334

335
335
336
-
*If you haven't cookied the Azure AD authentication process continue with the test by skipping the next section to add the web part to the page.*
337
-
338
-
1. Setup environment to test the from the local webserver and hosted workbench:
339
-
1. In the command prompt for the project, execute the following command to start the local web server:
340
-
341
-
```shell
342
-
gulp serve --nobrowser
343
-
```
344
-
345
-
1. In a browser, navigate to one of your SharePoint Online site's hosted workbench located at **/_layouts/15/workbench.aspx**
346
-
347
336
1. Add the web part to the page and test:
348
337
1. In the browser, select the Web part icon button to open the list of available web parts:
349
338
@@ -359,6 +348,15 @@ The last step before testing is to notify SharePoint that upon deployment to pro
359
348
360
349
>Note: If you have multiple identities authenticated in the browser session the web part will fail as it doesn't know which identity to authorize.
361
350
351
+
1. Setup environment to test the from the local webserver and hosted workbench:
352
+
1. In the command prompt for the project, execute the following command to start the local web server:
353
+
354
+
```shell
355
+
gulp serve --nobrowser
356
+
```
357
+
358
+
1. In a browser, navigate to one of your SharePoint Online site's hosted workbench located at **/_layouts/15/workbench.aspx**
359
+
362
360
## Exercise 2: Show calendar events from Microsoft Graph in SPFx client-side web part
363
361
364
362
In this exercise you add a client-side web part that uses React, [Fabric React](https://developer.microsoft.com/fabric) and the Microsoft Graph to an existing SPFx project that will display a list of the current user's calendar events using the [List](https://developer.microsoft.com/fabric#/components/list) component.
@@ -438,7 +436,7 @@ Update the default web part to pass into the React component an instance of the
438
436
```
439
437
440
438
1. Create a new interface that will keep track of the component's state:
441
-
1. Create a new file **IGraphEventsListState.ts** and save it to the folder: **src\webparts\graphEventsList\components\\**.
439
+
1. Create a new file **IGraphEventsListState.ts** and save it to the folder: **src\webparts\graphEventsList\components**.
442
440
1. Add the following code to define a new state object that will be used by the component:
0 commit comments