react的守卫和vue的不同
vue是自己分装过得,可以直接使用
react需要自己分装出来一个 /* 高阶组件 */ 来实现守卫的
eg:
import React, { Component } from 'react';
import { Redirect } from 'dva/router';
// import { getCookie } from '../until/cookies';
import Cookies from 'js-cookie'
const HocPrivateRoute = Wrap =>
class extends Component {
render() {
return (
Cookies.get('token') ?
<Wrap {...this.props} /> :
<Redirect to='/login' />
)
}
}
export default HocPrivateRoute;
函数调用传参即可
react中的守卫
最新推荐文章于 2023-12-15 10:18:19 发布