private_route_mobx_edition

PrivateRoute.tsx

interface IProps extends RouteProps {
  component: React.SFC<any> | React.ComponentClass<any>;
  auth?: IAuthStore;
}

const PrivateRoute = inject('auth')(
  observer(({ component: Component, auth, ...rest }: IProps) => {
    return (
      <Route
        {...rest}
        render={props =>
          auth.isAuthorized ? (
            <Component {...props} />
          ) : (
            <Redirect
              to={{
                pathname: '/login',
                state: { from: props.location }
              }}
            />
          )
        }
      />
    );
  })
);

export default PrivateRoute;