class PrivateRoute extends React.Component {
render() {
const { isAuthenticated, component: Component, ...rest } = this.props;
return (
<Route {...rest} render={(Rouprops) => (
isAuthenticated === true
? <Component {...props} />
: <Redirect to='/login' />
)} />
);
}
}
const mapStateToProps = state => ({
isAuthenticated: state.user.isAuthenticated,
});
export default connect(mapStateToProps)(PrivateRoute);export default someHOC(SomeComponent);<PrivateRoute path="/somePath" component={SomeComponent} />;const PrivateRoute = ({ isAuthenticated, component: Component, ...rest }) => (
<Route {...rest} render={(Rouprops) => (
isAuthenticated === true
? <Component {...props} />
: <Redirect to='/login' />
)} />
);
const mapStateToProps = state => ({
isAuthenticated: state.user.isAuthenticated,
});
export default connect(mapStateToProps)(PrivateRoute);import {RouteComponentProps} from "react-router";
interface OwnProps {}
type Props = OwnProps & RouteComponentProps<any>;
class Example extends React.Component<Props> {}И какие преимущиства в реализации проверки авторизации через Route , а не через HOC?
Тогда такие вопросы: как провернуть оформление, с точки зрения бумажек с подписями и передачей трудовой книжки, если мы в разных городах? не через почту ведь?
Какой нибудь алгоритм поиска нормальных компаний имеется?
То есть я из React могу считать только куки который установил мой сайт?
А как браузер понимает что он мой, по адресу на котором находится пользователь?
`ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop.<Grid innerRef={this.grid} />const Grid = (props) => (
<div ref={props.innerRef}>{props.children}</div>
);<Grid ref={this.grid} />const Grid = React.forwardRef((props, ref) => (
<div ref={ref}>{props.children}</div>
));