React Native中具有全局变量的条件渲染

Question

我知道这是一个可怕的约定，但是我正试图在我的React Native应用中使用全局变量快速地有条件地渲染屏幕（因此没有redux：

App.js：

if (global.clickStatus !== 'clicked') {
      return <Screen1 />;
}

return <Screen2 />;

该应用程序在Screen1上开始，其中有一个按钮显示global.clickStatus = 'clicked'。单击此按钮后，我希望Screen2呈现。问题是，我的App.js上的global.clickStatus似乎没有更新（即使global.clickStatus更改了，它仍然呈现Screen1。）

如何获取更新？

我知道这是一个可怕的约定，但是我试图在React Native应用中使用全局变量快速地有条件地渲染屏幕（因此没有redux）：App.js：if（global.clickStatus！=='clicked'）{ ...

Answer 1

我相信<App />组件，因为它是一个功能组件，如果单击按钮，则可以引入状态。然后，在clicked状态下，您可以操纵要显示的组件。

Answer 2

The app begins on Screen1, where there is a button that makes global.clickStatus = 'clicked'