首页 > 解决方案 > 当我更改代码时,“React Native”中的 useState 不显示初始值

问题描述

我的 React Native 应用程序中的 useState 挂钩有问题。当我修改我的代码时,我的应用程序不会将状态刷新为其初始值。我在“iOS Simulator”和“Android Emulator”中都有这个问题。但是,当我切换到类组件时,状态工作正常。

下面是一个小例子来说明这个问题:

export default function App() {

  const [name, setName] = useState("Mark");

  return (
    <View>
      <Text>{ name }</Text>
      <Button title="Change name" onPress={() => setName("Eric")} />
    </View>
  );
}

当我单击按钮时,我将“Mark”更改为“Eric”。但是当我修改代码(假设我添加了一个简单的<Text>Hello</Text>组件)并保存它时,我仍然看到状态为“Eric”的最新值。

通常,当我对代码进行更改时组件应该重新加载,因此显示初始值“Mark”。我对吗?那么这里有什么问题呢?“useState”行为最近有什么变化吗?

顺便说一句,我在我的项目中使用以下版本:

依赖项:

开发依赖:

标签: react-nativeuse-stateexpo

解决方案


推荐阅读