@Anfield94

Почему свой route в React не отрабатывает?

Имеется свой роут SharedRoute, который успешно импортирован в app, обернут свитчем и настроен( указаны путь,лэйаут,компонент), но по какой-то причине он рендерит пустую страницу, вообще не понимаю в чем причина, может где-то ошибся? спасибо за помощь.
SharedRoute:
export const SharedRoute = ({ component: Component, layout: Layout, componentProps, layoutProps, ...rest }) => {

    const encloseInErrorBoundary = props => (
        <ErrorBoundary>
            {Layout ? 
            <Layout { ...layoutProps }>
                <Component { ...componentProps }{ ...props }/>
            </Layout>
            :
            <Component {...componentProps} { ...props } />
        }
        </ErrorBoundary>
    );

    // if (!Component) throw new Error('A component needs to be specified for path ${(rest).path}');

    return <GuardedRoute { ...rest } render={ encloseInErrorBoundary } />;

};

export default SharedRoute;


APP :
function App() {
    const isAuth = useSelector(state => state.user.isAuth)
    const dispatch = useDispatch()

    useEffect(() => {
        dispatch(auth())
    }, [])


    return (
        <>
       
        <BrowserRouter>
                    <Switch>
                    <SharedRoute path="/" exact layout={ Layout }  component={ Navbar } />
                    <SharedRoute
                        path="/login"
                        component={Login}
                        exact
                        />
                        <SharedRoute 
                        component={Registration}
                        path="/registration"
                        />
                    <GuardedRoute path="/page" component={NewPage} auth={isAuth} />
                    
                    </Switch>
        </BrowserRouter>
        </>
    );
}

export default App;
  • Вопрос задан
  • 71 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы