React Router 受保護的路由

Question

我正在學習 React Router（准確地說是受保護的路由），並且在 React Router 文檔中有一個 function 我幾乎可以理解，但是有一行代碼我看不到它是如何工作的。 也許有人可以簡短地描述那條線的作用。 下面是來自https://reactrouter.com/web/example/auth-workflow 的 function

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: "/" } };

我知道我們正在創建一個 object 但是什么|| 做？ 是否將兩個對象合二為一？ 我不明白。

Answer 1

|| 是邏輯 OR 運算符

let { from } = location.state || { from: { pathname: "/" } };

這就是說，如果location.state不是 null 或未定義，則將location.state.from分配給變量from ，否則分配{ pathname: "/" }