查询后返回显示之前数据与查询结果

问题>>> 条件查询后 进入查询结果详情 再返回 不显示之前数据与查询结果

期望>>> 返回后显示之前数据与查询结果

解决>>> 条件存入sessionStorage 查询后删除sessionStorage

查询按钮

  const onFinish = () => {
    const values = form.getFieldsValue();
    sessionStorage.setItem('$searchDataStorage', JSON.stringify(values));
    handleSearch(values);
  };

useEffect钩子 注意依赖为 []

  useEffect(() => {
    let searchData = JSON.parse(sessionStorage.getItem('$searchDataStorage'));
    if (searchData && JSON.stringify(searchData) !== '{}') {
      form.setFieldsValue(searchData);
      sessionStorage.removeItem('$searchDataStorage');
      handleSearch(searchData);
    }
  }, [])