小编Kha*_*111的帖子

即使表已填充数据,Ant Design 表也会继续显示正在加载

我在我的前端项目中使用 Ant 设计。我有一个表组件,它由 API 中的数据填充。获取数据需要一些时间,因此我想显示一个加载微调器。

<Table
  columns={queueColumns}
  dataSource={queueData}
  loading={{ indicator: <div><Spin /></div>}} 
/>
Run Code Online (Sandbox Code Playgroud)

我的问题是,即使在表加载了数据后,我的表仍继续显示加载微调器。

当表格填满数据时,如何使旋转器消失?

我怀疑我需要在表组件的加载属性中添加一个条件。但我不知道该怎么做


编辑:我正在获取这样的数据:

    const [queueData, setQueueData] = useState('');

    useEffect(() => {        
        var config = {
          method: 'GET',
          url: '/api/queues',
          headers: { 
            'Content-Type': 'application/json'
          }
        };
        axios(config)
        .then(function (response) {
            setQueueData(response.data)
        }) 
      }, [])
Run Code Online (Sandbox Code Playgroud)

reactjs antd

4
推荐指数
1
解决办法
1万
查看次数

如何检查字符串是否包含javascript中的WORD?

因此,您可以使用 .includes() 方法轻松检查字符串是否包含特定子字符串。

我有兴趣查找字符串是否包含单词。

例如,如果我搜索“on”字符串,“phones are good”,它应该返回 false。并且,它应该为“将其保留在桌子上”返回 true。

javascript string split

2
推荐指数
3
解决办法
3万
查看次数

如何在悬停时获取图像的整个HTML?

 <img src="https://cdn131.picsart.com/271777618047201.jpg?r240x240"
     crossorigin="anonymous" id="image" width="400">
Run Code Online (Sandbox Code Playgroud)

让我们想象一下,我有一个HTML标签如下:

<img src="https://cdn131.picsart.com/271777618047201.jpg?r240x240"id="image" width="400">
Run Code Online (Sandbox Code Playgroud)

我可以通过获取图像元素const tag = document.getElementById('image');.现在,我唯一的问题是,如何只是将鼠标悬停在图像上,就可以获得上面的html标记.

html javascript jquery

1
推荐指数
1
解决办法
76
查看次数

标签 统计

javascript ×2

antd ×1

html ×1

jquery ×1

reactjs ×1

split ×1

string ×1