Hi Team,
I have followed a YouTube channel to get SP list items, which is working fine, in the same way I have tried to get SP site contents list (Get SP lists) which is return blank values.
WebPart Render Function
public render(): void {
const element: React.ReactElement<IGetSpListsProps> = React.createElement(
GetSpLists,
{
description: this.properties.description,
websiteUrl: this.context.pageContext.web.absoluteUrl
}
);
ReactDom.render(element, this.domElement);
}
Component Interface file
export interface IGetSpListsProps {
description: string;
websiteUrl: string;
}
Component TSX file
export interface IGetSpListsState{
sitecontents: [{"Lists":""}]
}
export default class GetSpLists extends React.Component<IGetSpListsProps, IGetSpListsState> {
static siteurl:string =""; //static member variable
public constructor (props :IGetSpListsProps, state:IGetSpListsState ){
super(props);
this.state={sitecontents: [{"Lists":""}]};
GetSpLists.siteurl=this.props.websiteUrl;
}
public componentDidMount() {
let reactcontexthandiler= this;
jquery.ajax({
url: `${GetSpLists.siteurl}/_api/web/lists?select=Title&$filter=Hidden eq true`,
type:"GET",
headers:{'Accept': 'application/json;odata=verbose;'},
success : function (resultData){
reactcontexthandiler.setState({sitecontents: resultData.d.results});
},
error: function (jqXHR, textStatus, errorthrown){
}
});
}
public render(): React.ReactElement<IGetSpListsProps> {
return (
<div>
<ol>
{
this.state.sitecontents.map(function(mylists,mylistitemkey){
return(
<li>
<span>{mylists.Lists}</span>
</li>);
})
}
</ol>
</div>
);
}
}
Please find the screen shot below what the output the above code gets
Any assistance please?