React Native Hooks 设置初始日期，然后更新日期

Question

我正在尝试实现返回用户年龄的出生日期功能。现在，当用户第一次打开应用程序并前往编辑个人资料屏幕时，我已将默认年龄设置为 18：

编辑个人资料代码：

const [date, setDate] = useState(new Date(Date.now() - (9467880 * 60 * 1000)));

现在，当用户编辑年龄然后返回个人资料页面时，个人资料屏幕中的年龄会正确更新。但是当用户再次点击 Edit Profile 时，年龄返回到默认值 18。我如何编辑钩子以第一次给它一个初始值 18，然后每次再次打开 Edit Profile 屏幕时，显示更新的价值？ 我想把它和这个钩子结合起来

const [date, setDate] = React.useState(route.params?.date);

Answer 1

考虑使用AsyncStorage。

https://github.com/react-native-async-storage/async-storage

const [date, setDate] = useState();

useEffect(() => {
  (async () => {
    if (!date)
      setDate(await AsyncStorage.getItem('date'));
    else 
      await AsyncStorage.setItem('date', date);
  })();
}, [date]);