File tree Expand file tree Collapse file tree 1 file changed +13
-2
lines changed
docs/spfx/web-parts/get-started Expand file tree Collapse file tree 1 file changed +13
-2
lines changed Original file line number Diff line number Diff line change @@ -67,7 +67,18 @@ You can also follow these steps by watching this video on the SharePoint PnP You
67
67
68
68
You now have a web part project with the React framework.
69
69
70
- 8 . Open ** DocumentCardExampleWebPart.ts** from the ** src\webparts\documentCardExample** folder.
70
+ 8 . Open ** package.json** from the root folder
71
+
72
+ You will need to add a reference to the office-ui-fabric-react package. In the dependencies section, add the following line:
73
+
74
+ ```
75
+ "office-ui-fabric-react": "6.143.0",
76
+ ```
77
+
78
+ run ` npm install `
79
+ restart VS code.
80
+
81
+ 9 . Open ** DocumentCardExampleWebPart.ts** from the ** src\webparts\documentCardExample** folder.
71
82
72
83
As you can see, the ` render ` method creates a react element and renders it in the web part DOM.
73
84
@@ -81,7 +92,7 @@ You can also follow these steps by watching this video on the SharePoint PnP You
81
92
);
82
93
` ` `
83
94
84
- 9 . Open **DocumentCardExample.tsx** from the **src\w ebparts\d ocumentCardExample\c omponents** folder.
95
+ 10 . Open **DocumentCardExample.tsx** from the **src\w ebparts\d ocumentCardExample\c omponents** folder.
85
96
86
97
This is the main react component that Yeoman added to your project that renders in the web part DOM.
87
98
You can’t perform that action at this time.
0 commit comments