-
- );
- }
- protected get dataVersion(): Version {
- return Version.parse("1.0");
- }
-
- private setMeal(selectedMeal: string): void {
- if(selectedMeal===undefined){
- this.meal = this.mealBuilder.prepareVegMeal();
- }
-
- if(selectedMeal === "0") {
- this.meal = this.mealBuilder.prepareVegMeal();
- }
-
- if(selectedMeal === "1") {
- this.meal = this.mealBuilder.prepareNonVegMeal();
- }
-
- this.state = {
- items: this.meal.showItems(),
- };
- }
-}
-
-
-
-```
-
-And finally
-### BuilderWebPart.ts
-
-Here what we do is just to use our component and sending the parameter of the selected meal, which is just a normal dropdown with 2 hardcoded values.
-
-
-```typescript
-import * as React from 'react';
-import * as ReactDom from 'react-dom';
-import { Version } from '@microsoft/sp-core-library';
-import {
- BaseClientSideWebPart,
- IPropertyPaneConfiguration,
- PropertyPaneTextField,
- PropertyPaneDropdown
-} from "@microsoft/sp-webpart-base";
-
-
-import * as strings from 'BuilderWebPartStrings';
-import Builder from './components/Builder';
-import { IBuilderProps } from './components/IBuilderProps';
-
-export interface IBuilderWebPartProps {
- selectedMeal: string;
-}
-
-export default class BuilderWebPart extends BaseClientSideWebPart
-
-
-
-
- Welcome to Mac Luis!
-
- You have selected the following.
- {this.state.items}
-
+
+ );
+ }
+ protected get dataVersion(): Version {
+ return Version.parse("1.0");
+ }
+
+ private setMeal(selectedMeal: string): void {
+ if(selectedMeal===undefined){
+ this.meal = this.mealBuilder.prepareVegMeal();
+ }
+
+ if(selectedMeal === "0") {
+ this.meal = this.mealBuilder.prepareVegMeal();
+ }
+
+ if(selectedMeal === "1") {
+ this.meal = this.mealBuilder.prepareNonVegMeal();
+ }
+
+ this.state = {
+ items: this.meal.showItems(),
+ };
+ }
+}
+
+
+
+```
+
+And finally
+### BuilderWebPart.ts
+
+Here what we do is just to use our component and sending the parameter of the selected meal, which is just a normal dropdown with 2 hardcoded values.
+
+
+```typescript
+import * as React from 'react';
+import * as ReactDom from 'react-dom';
+import { Version } from '@microsoft/sp-core-library';
+import {
+ BaseClientSideWebPart,
+ IPropertyPaneConfiguration,
+ PropertyPaneTextField,
+ PropertyPaneDropdown
+} from "@microsoft/sp-webpart-base";
+
+
+import * as strings from 'BuilderWebPartStrings';
+import Builder from './components/Builder';
+import { IBuilderProps } from './components/IBuilderProps';
+
+export interface IBuilderWebPartProps {
+ selectedMeal: string;
+}
+
+export default class BuilderWebPart extends BaseClientSideWebPart
+
+
+
+
+ Welcome to Mac Luis!
+
+ You have selected the following.
+ {this.state.items}
+
-
-
-
- )
-
- // read items using factory method pattern and sets state accordingly
- private readItemsAndSetStatus(listName: string): void {
- this.setState({
- status: "Loading all items..."
- });
-
- const factory: ListItemFactory = new ListItemFactory();
- factory.getItems(this.props.spHttpClient, this.props.siteUrl, listName)
- .then((items: any[]) => {
- const keyPart: string = listName === "GenericList" ? "Generic" : listName;
-
- var myItems = null;
- switch(listName) {
- case "GenericList":
- myItems = items as IListItem[];
- break;
- case "News":
- myItems = items as INewsListItem[];
- break;
- case "Announcements":
- myItems = items as IAnnouncementListItem[];
- break;
- case "Directory":
- myItems = items as IDirectoryListItem[];
- break;
- }
-
- // the explicit specification of the type argument `keyof {}` is bad and
- // it should not be required.
- this.setState
+
+
+
+ )
+
+ // read items using factory method pattern and sets state accordingly
+ private readItemsAndSetStatus(listName: string): void {
+ this.setState({
+ status: "Loading all items..."
+ });
+
+ const factory: ListItemFactory = new ListItemFactory();
+ factory.getItems(this.props.spHttpClient, this.props.siteUrl, listName)
+ .then((items: any[]) => {
+ const keyPart: string = listName === "GenericList" ? "Generic" : listName;
+
+ var myItems = null;
+ switch(listName) {
+ case "GenericList":
+ myItems = items as IListItem[];
+ break;
+ case "News":
+ myItems = items as INewsListItem[];
+ break;
+ case "Announcements":
+ myItems = items as IAnnouncementListItem[];
+ break;
+ case "Directory":
+ myItems = items as IDirectoryListItem[];
+ break;
+ }
+
+ // the explicit specification of the type argument `keyof {}` is bad and
+ // it should not be required.
+ this.setState