如何解决我想防止在react-admin中单击菜单时加载可能吗?
我用react-admin创建了简单的菜单和列表视图。 左侧具有三个菜单项,例如“仪表板”,“帖子”和“用户列表”。主视图是左菜单项中的显示内容。 示例代码如下;
import React,{ useRef,useState } from 'react'
const Article = () => {
const titleRef = useRef()
const [showMore,setShowMore] = useState(false);
function handClick() {
setShowMore(!showMore);
titleRef.current.scrollIntoView({ behavior: 'smooth' })
}
return (
<article>
<button onClick={handClick}>Show more</button>
<div className=`show-more ${showMore ? 'showMoreClass' : ''}` ref={titleRef}>Some content to show onclick</div>
</article>
)
}
在上面的示例代码中,单击左菜单按钮时从服务器获取主列表内容。 但是,我只在单击菜单按钮并单击由过滤器制成的主视图中的搜索按钮时加载完整内容时,才尝试查看空列表视图。
screen capture for menu and list
解决方法
很难在没有提供任何代码的情况下为您提供说明,但是请尝试获取此代码:
您可以设置 Loading布尔状态和 Loading组件(例如,像纺车一样)。
单击功能触发器后,可以将此状态设置为false并显示正在加载的组件,同时隐藏需要数据的组件。
请求完成后,您可以然后将“加载状态”设置为“假” ,并隐藏您的“加载组件”并显示数据。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。