小编Doo*_*096的帖子

我在我的项目中使用 MUIv5 和 React-Router v6，在其中我想在页面周围包装布局，但页面没有渲染，我得到的只是一个空的 div

这是我的应用程序组件：

import React from "react";
import { Routes, Route } from "react-router-dom";
import { CssBaseline } from "@mui/material";

import MainLanding from './routes/MainLanding';
import StoreLanding from "./routes/StoreLanding";
import Layout from "./components/Layout";

const App = () =>{
    return(
        <>
            <CssBaseline/>
                <Routes>
                    <Route element={<Layout/>}>
                        <Route path="/" element={<MainLanding/>}/>
                        <Route path="/store" element={<StoreLanding/>}/>
                    </Route>
                </Routes>
        </>
    )
}

export default App

这是我通过 props 调用子组件的布局组件：

import React from 'react';

const Layout = ({ children }) => {
    return (
        <div>
            {children} …

以下是我对useLazyQuery挂钩的实现：

const [trigger,
        { 
    loading: prodLoading,
    error: prodError, 
    data: prodData 
    }
  ] = prodApi.endpoints.getAllProducts.useLazyQuery();

其中参数分别result被解构为prodLoading、prodError。prodData当正确的参数传递给查询时，可以通过 访问所获取的产品prodData，但出现错误时不会通过 访问任何内容prodError，这让我想到了我的问题，我们如何处理挂钩中的错误useLazyQuery？

有什么方法可以获取isLoading我们error在useQuery挂钩中使用的参数吗？

const {data, error, isLoading, isSuccess} = useGetAllProductsQuery('', {skip,});