I am beginner on SharePoint framework and with TypeScript.
My problem is I have a list that contains a lookup type field "categorie", When I try to get the records from the list with rest API, the lookup field value shows me undefined
.
Here is my code:
I have a interface with declaration of column as string and function for get all items of SharePoint list.
import { Version } from '@microsoft/sp-core-library';
import { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';
import {
IPropertyPaneConfiguration,
PropertyPaneTextField,
PropertyPaneDropdown
} from '@microsoft/sp-property-pane';
import { escape } from '@microsoft/sp-lodash-subset';
import styles from './FaqWebPart.module.scss';
import * as strings from 'FaqWebPartStrings';
import {ISPList, ISPLists} from './GetSpListItemsWebPart'
import {
Environment,
EnvironmentType
} from '@microsoft/sp-core-library';
import {
SPHttpClient ,
SPHttpClientResponse
} from '@microsoft/sp-http';
export interface ISPLists {
value: ISPList[];
}
export interface ISPList {
Title: string;
Question: string;
Reponse: string;
Categorie: string;
}
private _getListData(): Promise<ISPLists> {
return this.context.spHttpClient.get(this.context.pageContext.web.absoluteUrl + `/_api/web/lists/GetByTitle('FAQ_List')/Items`, SPHttpClient.configurations.v1)
.then((response: SPHttpClientResponse) => {
debugger;
return response.json();
});
}
private _renderList(items: ISPList[]): void {
let html: string = '<table class="TFtable" border=1 width=40% style="border-collapse: collapse;">';
html += `<th>Catégories</th>`;
items.forEach((item: ISPList) => {
html += `
<tr>
<td>${item.Categorie}</td>
</tr>
`;
});
html += `</table>`;
const listContainer: Element = this.domElement.querySelector('#spListContainer');
listContainer.innerHTML = html;
}
on my webpart, the filed display undefined