javascript Rota Privada

Posted 2021-05-03

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript Rota Privada相关的知识，希望对你有一定的参考价值。

import React, { Component } from 'react'
import { connect } from 'react-redux'
import PropTypes from 'prop-types'
import { Route, Redirect } from 'react-router-dom'

/*
 * Como usar:
 * <Switch>
 *  <PrivateRoute exact path="/comp" to={Comp} />
 * </Switch>
 */

const PrivateRoute = ({ component: Component, auth, ...rest }) => (
  <Route
    {...rest}
    render={props =>
      auth.isAuthenticated === true ? (
        <Component {...props} />
      ) : (
        <Redirect to="/login" />
      )
    }
  />
)

PrivateRoute.propTypes = {
  auth: PropTypes.object.isRequired
}

const mapStateToProps = state => ({
  auth: state.auth
})

export default connect(mapStateToProps)(PrivateRoute)

以上是关于javascript Rota Privada的主要内容，如果未能解决你的问题，请参考以下文章