僅在值更改時重新加載

Question

我僅在從一種內容切換到另一種內容時才嘗試在此處重新加載瀏覽器。

  React.useEffect(
    () => {
      if (props.isContentDefined)
          window.sessionStorage.setItem("isContentDef", props.contentId);
      var val = window.sessionStorage.getItem("isContentDef");
      if (val !== "" && val) {
              window.location.reload();
              window.sessionStorage.clear();
       }
    },
    [props.isContentDefined]
  );

加載初始內容時->無需重新加載。 當用戶從一個內容切換到另一個 -> 重新加載是必要的。

props.isContentDefined 可從后端獲得

Answer 1

您可以通過檢查 session 值是否也與新道具值不同來修改您的“如果”條件。然后重新加載

 React.useEffect(
    () => {
      if (props.isContentDefined)
      var val = window.sessionStorage.getItem("isContentDef");
      if (val !== "" && val && val !== props.isContentDefined)) {
              window.location.reload();
              window.sessionStorage.clear();
      }else
         window.sessionStorage.setItem("isContentDef", props.contentId);
    },
    [props.isContentDefined]
  );