常见的ant design 带有 loading 属性的组件,Spin、Skeleton、Table、Card等

一、Spin加载中

 <Spin spinning={loading}> 加载中... </Spin>

二、Skeleton骨架屏

<Skeleton loading={loading}>  加载中... </Skeleton>

三、Table表格

   <Table
        columns={ tableColumns }
        dataSource={ data ?? [] }
        loading={ loading }
     />

四、Card卡片

   <Card loading={loading}  >卡片 </Card>

五、Select选择器

   <Select
      defaultValue="lucy"
      loading
      options={[{ value: 'lucy', label: 'Lucy' }]}
    />

六、Button按钮

 <Button type="primary" loading> 按钮 </Button>

七、Dropdown下拉菜单

  <Dropdown.Button type="primary" loading menu={{ items }}>
        下拉框
  </Dropdown.Button>

八、Input.Search输入框

 <Input.Search placeholder="请搜索" loading />