单击后退按钮时，React Hooks State 不会改变

Question

const [detail, setDetail] = useState(false);
const [userDetail, setUserDetail] = useState();

useEffect(() => {
      setSpinner(true);
      userDetail(userId).subscribe((res) => {
        if (res.status) {
          history.push(`localhost:8000/user?userId=${res.id}`);
          setUserDetail(res.data[0]);
          **setDetail**(true);
          setSpinner(false);
        }
      });
  },[]);

const Details = (userId) => {
     setSpinner(true);
     userDetail(userId).subscribe((res) => {
        if (res.status) {
          history.push(`localhost:8000/user?userId=${res.id}`);
          setUserDetail(res.data[0]);
          setDetail(true);
          setSpinner(false);
        }
      });
}


<button onClick ={() => Details(user_id)}>Display Details </button>

**detail** ? <div> User Name {name} </div> : <div> Temp User </div>

So, the main issue is after clicking on the button, then I click on the Back button the Url structure change but the State of function not change ie. setDetail .

Please help me with this as soon as possible

Answer 1

const [detail, setDetail] = useState(false);
const [userDetail, setUserDetail] = useState();

useEffect(() => {
      setSpinner(true);
      userDetail(userId).subscribe((res) => {
        if (res.status) {
          history.push(`localhost:8000/user?userId=${res.id}`);
          setUserDetail(res.data[0]);
          **setDetail**(true);
          setSpinner(false);
        }
      });
  },[]);

const Details = (userId) => {
     setSpinner(true);
     userDetail(userId).subscribe((res) => {
        if (res.status) {
          history.push(`localhost:8000/user?userId=${res.id}`);
          setUserDetail(res.data[0]);
          setDetail(true);
          setSpinner(false);
        }
      });
}


<button onClick ={() => Details(user_id)}>Display Details </button>

**detail** ? <div> User Name {name} </div> : <div> Temp User </div>

So, the main issue is after clicking on the button, then I click on the Back button the Url structure change but the State of function not change ie. setDetail .

Please help me with this as soon as possible