useState 页面后退如何保持状态?

Question

我现在有个页面里面 useEffect 请求了数据用 useState 保存, 跳转到另一页又后退, 保存的数据没了, 怎么解决?

  const [personal, setPersonal] = useState(null)
  useEffect(() => {
    // 获取数据
    if (personal) { return;}
    
    dispatch({
      type: 'marketCenter/getPersonalListById',
      payload: id,
    }).then((res) => {
      setPersonal(res);
    });
  }, [personal]);
  
  // 后退回来 personal 又变回 null, 怎么解决?

Answer 1

useContext 了解一下