为什么即使代码正确也显示红色？

Question

我正在开发一个本机应用程序。我在工作中使用Visual Studio Code。为什么我在代码中收到红色警报。

当我将鼠标悬停在上面时，就会得到

"[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>                
  )
}