React-Admin

Question

我正在尝试创建一个列表视图，例如每 15 秒自动重新加载一次。是否可以在 React 管理框架中制作具有自动刷新功能的列表视图？

Answer 1

终于来到了下一个解决方案：

const useAutoRefresh = function(url, interval){ 
    
    const refresh = useRefresh();

    useEffect(() => {           

        const timerAction = function(){         

            if(!document.hidden &&
              window.location.href.toLowerCase().endsWith(url.toLowerCase())){              
                refresh();
            }
        }

        setInterval(timerAction, interval); 
      }, []);   
}

现在我们可以在 ListView 中使用这个函数了

export const ProductCardList = (props) => (
    <List {...props} {...useAutoRefresh('/productcard', 5000)}>

React-Admin - 如何使用自动刷新创建列表视图

React-Admin - How to create a list view with autorefresh