生命周期

优质

小牛编辑

150浏览

2023-12-01

注：本文档提供的生命周期指的是 Universal App 的生命周期，它依赖 rax-app 提供的 runApp方法。

App 级生命周期

launch 在 App 启动时触发

使用生命周期

你可以使用 rax-app 提供的 useAppLaunch 来注册 App 级别的生命周期。

示例：

import { useAppLaunch } from 'rax-app';

useAppLaunch(() => {
  // handle with launch lifecycle.
});

页面级生命周期

show 在当前页面显示时触发

hide 在当前页面被隐藏时触发

使用生命周期

你可以使用 rax-app 提供的 usePageShow 和 usePageHide 来注册页面级别的生命周期。

页面示例：

import { usePageShow, usePageHide } from 'rax-app';

export default function HomePage(props) {
   usePageShow(() => {
      // page onShow
   });

  usePageHide(() => {
      // page onHide
   });
  // ...
}

注意：
在小程序中，当页面第一次触发 show 事件的时候，Rax 的函数组件还没有执行 render，这就导致第一次加载的时候，组件还没有开始监听 page show 事件。所以开发者无法去执行页面第一次 show 时候的逻辑，建议将这部分的逻辑放到 useEffect(() => {}, []) 中。