Почему показывать красный цвет, даже если код правильный?

Question

Я работаю над собственным приложением реагировать.Я использую код Visual Studio для своей работы.Почему в моем коде появляется предупреждение красного цвета.

При наведении на него я получаю

"[ts] Property 'loading' does not exist on type 'Readonly<{ children?: ReactNode; }> & Readonly<{}>'.
any"

Я не думаю, что есть какие-либо проблемы с моим кодом, но все равно он показывает красный.Кто-нибудь может сказать мне, что это за проблема.

Answer 1

Вы должны заявить о своей загрузке в реквизитах.Вот небольшой пример:

type BooksTableProps = {
readonly data: Array<data>;
readonly pagination: Pagination;
readonly loading: boolean;
readonly error: string;  // or whatever

actions here      
}

Используйте загрузку в вашем методе рендеринга:

render() {
  const {
    loading,
    pagination,
    data,                
  } = this.props;

  return (
    <div>           
      <Table          
        columns={this.columns}
        dataSource={data}          
        loading={loading}
        pagination={pagination}
        onChange={this.handleTableChange}
      />
    </div>                
  )
}