我在我的前端项目中使用 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) 因此,您可以使用 .includes() 方法轻松检查字符串是否包含特定子字符串。
我有兴趣查找字符串是否包含单词。
例如,如果我搜索“on”字符串,“phones are good”,它应该返回 false。并且,它应该为“将其保留在桌子上”返回 true。
<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标记.