react router dom private route typescript

BiG WillarD answered on September 26, 2020 Popularity 9/10 Helpfulness 4/10

answer react router dom private route typescript

react router dom private route typescript

Comment

import * as React from "react";
import { Route } from "react-router-dom";

interface IProps {
    exact?: boolean;
    path: string;
    component: React.ComponentType<any>;
}

const LoggedOutRoute = ({
    component: Component,
    ...otherProps
}: IProps) => (
    <>
        <header>Logged Out Header</header>
        <Route
            render={otherProps => (
                <>
                    <Component {...otherProps} />
                </>
            )}
        />
        <footer>Logged Out Footer</footer>
    </>
);

export default LoggedOutRoute;

Popularity 9/10 Helpfulness 4/10 Language typescript

Source: stackoverflow.com

Tags: dom private react-router typescript

Link to this answer
Share Copy Link

Contributed on Sep 26 2020

BiG WillarD

0 Answers Avg Quality 2/10

react router dom private route typescript

Contents

More Related Answers

react router dom private route typescript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.