React Native State

在 React Native 中，有两种类型的数据 state 和 props，它们控制着组件。使用 state 的组件是可变的。如果需要，它们可以在以后更改。 props 组件是不可变的，并且在整个生命周期中是固定的。

状态通常在构造函数中初始化，然后在我们想要更改它时调用 setState。

React Native state 示例 1

在此示例中，我们创建一个带有 state 数据的 Text 组件。 Text 组件的内容将通过单击它来更新。 事件 onPress 调用 setState，它更新状态“myState”文本。

输出

React Native state 示例 2

让我们创建另一个 state 数据的示例，其中我们互换 Text 值“显示”和“隐藏”以显示和隐藏输入密码。

创建三个状态变量，它们将通过单击定义为状态的 Text 组件来更改。 单击 Text 组件会调用 handleToggle 函数，并将 Boolean 变量“isPasswordVisible”的当前状态分配给它。 在这里，如果条件检查“isPasswordVisible”的值并相应地进行处理。

输出