反应路由器保护路由
反应路由器保护路由
提问于 2020-07-06 16:27:43
我正在学习React路由器(准确地说，是受保护的路由)，在React路由器文档中有一个函数我几乎能理解，但是有一行代码我看不出来它是如何工作的。也许有人很快就能描述一下这句话的作用。下面是https://reactrouter.com/web/example/auth-workflow的一个函数
function LoginPage() {
let history = useHistory();
let location = useLocation();
let { from } = location.state || { from: { pathname: "/" } };
let login = () => {
fakeAuth.authenticate(() => {
history.replace(from);
});
}; 这条线是做什么的？
let { from } = location.state || { from: { pathname: "/" } };我知道我们正在创建一个对象，但是||做了什么呢？是把两个物体连接成一个吗？我还是不明白。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-07-06 16:40:27
||是逻辑OR运算符
let { from } = location.state || { from: { pathname: "/" } };这就是说，如果location.state.from不是null或未定义，则从将location.state赋值给变量location.state，否则分配{ pathname: "/" }。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62760400
复制相关文章
相似问题
腾讯云开发者
