Тип NAME нельзя назначить для типа 'IntrinsicAttributes & IntrinsicClassAttributes - PullRequest
0 голосов
/ 13 апреля 2020

Цель: передать состояние другому компоненту. TableData

Могу ли я получить несколько советов по этой ошибке: тип NAME не может быть назначен типу 'IntrinsicAttributes & IntrinsicClassAttributes

Заранее спасибо.

Ссылка на ошибку в коде: <TableData itemsData={this.state.items}></TableData>

enter image description here

import * as React from 'react';
import styles from './TtecPolicies.module.scss';
import { ITtecPoliciesProps } from './ITtecPoliciesProps';
import TableData from './TableData';
import { escape } from '@microsoft/sp-lodash-subset';
import {
  SPHttpClient,
  SPHttpClientResponse   
} from '@microsoft/sp-http';


/* ↓↓↓ interface ↓↓↓ */
export interface ITtecPoliciesState {
  items: [
    {
      Title: string;
      Conros_ProductCode: string;
      Conros_ProductDescription: string;
      Conros_ProductCountries: any;
    }];
}
/* ↑↑↑ interface ↑↑↑ */



export default class TtecPolicies extends React.Component<ITtecPoliciesProps, ITtecPoliciesState> {
  /* ↓↓↓ constructor and state ↓↓↓ */
  // public constructor(props: ITtecPoliciesProps, state: ITtecPoliciesState) 
  public constructor(props: ITtecPoliciesProps, any)
    {
      super(props);
      // this.state = {items: []};
      this.state={
        items: [
          {
            Title: "",
            Conros_ProductCode: "",
            Conros_ProductDescription: "",
            Conros_ProductCountries: ""
          }],
      };
  }
  /* ↑↑↑ constructor and state ↑↑↑ */
  public render(): React.ReactElement<ITtecPoliciesProps> {
    
    return (
      
      <div className={ styles.ttecPolicies }>
        <h2 className={styles["titulo"]}>Produtos</h2>
        <div className={styles["products-list"]}>

          return (
            <TableData itemsData={this.state.items}></TableData>
            );            
          

        </div>
      </div>

    );
  }

    /* ↓↓↓ componentDidMount ↓↓↓ */
    public componentDidMount(){
        debugger;
        this.getLinksListData();
    }
    /* ↑↑↑ componentDidMount ↑↑↑ */

    /* ↓↓↓ method to read SharePoin data ↓↓↓ */
    private async getLinksListData(): Promise<any>
    {
      const response = await this.props.spClientContext.get(`${this.props.siteUrl}/_api/web/lists/getbytitle('Conros Products')/items`, SPHttpClient.configurations.v1);
      const data = await response.json();
      this.setState({ items: data.value });        
    }
    /* ↑↑↑ method to read SharePoin data ↑↑↑ */
}
...