函数式react 中在当前页保存一个数据，然后重定向到另一个链接上，然后从这个链接页返回到前面那个页面，怎么保证之前页面数据不会丢失！

在React函数组件中，如果你需要在用户从一个页面跳转到另一个页面，并在返回时保留之前页面的数据，可以考虑使用React的状态管理工具如Redux、Context API 或者 useState。这里我将以useState为例说明：

1. **使用useState**: 如果数据不是非常复杂，可以在每个包含重要数据的组件上添加状态（state）并保持更新。例如，假设我们有一个`UserData`组件：

import { useState } from 'react';

function UserData({ initialValue }) {
  const [data, setData] = useState(initialValue);

  // 在离开当前页面时，将数据存储在一个全局地方（比如localStorage）
  useEffect(() => {
    localStorage.setItem('userData', JSON.stringify(data));
  }, [data]); // 只有当data改变时才会触发

  // 当从其他页面返回时，从localStorage读取数据并恢复
  useEffect(() => {
    const storedData = localStorage.getItem('userData');
    if (storedData) {
      setData(JSON.parse(storedData)); // 将字符串转换回原始数据格式
    }
  }, []);

  return <div>{data}</div>;
}

**注意事项**：
- 这种方法适用于轻量级的数据，对于复杂的数据结构，建议使用更专业的状态管理库。
- 数据持久化通常依赖浏览器的存储机制，刷新页面或新开窗口时会丢失。