import * as React from 'react';
import styles from './ReactNew.module.scss';
import { IReactNewProps } from './IReactNewProps';
import { escape } from '@microsoft/sp-lodash-subset';
import pnp, { sp,Web } from 'sp-pnp-js';

export default class ReactNew extends React.Component<IReactNewProps, any> {
 
  public render(): React.ReactElement<IReactNewProps> {
    return (
      <div className={ styles.reactNew }>
        <div className={ styles.container }>
          <div className={ styles.row }>
            <div className={ styles.column }>
              <span className={ styles.title }>Welcome to SharePoint!</span>
              <p className={ styles.subTitle }>Customize SharePoint experiences using Web Parts.</p>
              <p className={ styles.description }>{escape(this.props.description)}</p>
              <a href="https://aka.ms/spfx" className={ styles.button }>
                <span className={ styles.label }>Learn more</span>
              </a>
            </div>
          </div>
        </div>         
      </div>
    );
  }
  
  componentDidMount(){
    debugger;
   this._getListData();
   
  }
  private _getListData() {
    
    let web = new Web(this.props.context.pageContext.web.absoluteUrl);
    web.lists.getByTitle('test').items.get().then(response=>console.log(response))
  }
 
}