React Native Page Reload

Question

我有一个我想在页面加载时执行的功能。第一次它工作正常，但如果我再次访问同一页面它将不会调用该函数。我知道我的页面是缓存的。每次如何在页面加载时触发某些功能。

Answer 1

取决于页面加载的确切含义。 如果你的意思是渲染一个不同的组件然后再次渲染我们的原始组件，那么就是这些函数：

1. componentWillMount
2. render
3. componentDidMount

如果您的意思是将应用程序置于后台然后再将其置于前台，则可能根本无法依赖于反应生命周期功能（如果没有传递道具）。

但您可以注册一个检测AppState更改的函数，如下所示：

AppState.addEventListener('change', handleAppStateChange);

const handleAppStateChange = (nextAppState: AppStateStatus) => {
  switch (nextAppState) {
    case 'active':
      break;
    case 'background':
      break;
    default:
  }
};

这样，当您将应用程序（以及 Page 再次放入前景）时，您会收到回调信息