如何使用 react-native 更新 asyncstorage 时更新 app.js

大佬教程收集整理的这篇文章主要介绍了如何使用 react-native 更新 asyncstorage 时更新 app.js，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何使用 react-native 更新 asyncstorage 时更新 app.js？

开发过程中遇到如何使用 react-native 更新 asyncstorage 时更新 app.js的问题如何解决？下面主要结合日常开发的经验，给出你关于如何使用 react-native 更新 asyncstorage 时更新 app.js的解决方法建议，希望对你解决如何使用 react-native 更新 asyncstorage 时更新 app.js有所启发或帮助；

app.Js

const App = () => {
 const [auth,setAuth] = useState(false);
 useEffect(() => {
  readData();
 },[]);

 const readData = async () => {
  try {
    const userAge = await AsyncStorage.getItem('token')
     if (userAge !== null) {
       setAuth(true)
    }
   } catch (E) {
    alert('Failed to fetch the data from storage')
   }
   }
  return (
  <>
  {
    auth ? (
      <Index />
    ) : (
      <NavigationContainer>
        <Tab.Navigator initialRoutename="Login">
          <Tab.Screen name="Login" component={Login} />
        </Tab.Navigator>
      </NavigationContainer>
    )
   }

  </>
 )
}

export default App;

登录.Js

const Login = ({navigation}) => {

const submitHandler = async(values) => {
    console.log(values);
    AsyncStorage.setItem('token','dd');
};
return (
    <VIEw style={styles.container}>
        <Text style={styles.heading}>Sign in to get Started</Text>

        <Formik
            valIDationscheR_931_11845@a={loginValIDationscheR_931_11845@a}
            initialValues={{ email: '',password: '' }}
            onsubmit={values => submitHandler(values)}
        >
            {({
                handleChange,handleBlur,handlesubmit,values,errors,isValID,}) => (
                <>
                    <Text style={styles.heaD}>Email:</Text>
                    <TexTinput
                        name="email"
                        placeholder="Email"
                        style={styles.input}
                        onChangeText={handleChange('email')}
                        onBlur={handleBlur('name')}
                        value={values.email}
                    />
                    {errors.email &&
                        <Text style={{ FontSize: 10,color: 'red' }}>{errors.email}</Text>
                    }

                    <Text style={styles.heaD}>password:</Text>
                    <TexTinput
                        name="password"
                        placeholder="password"
                        style={styles.input}
                        onChangeText={handleChange('password')}
                        onBlur={handleBlur('password')}
                        value={values.passworD}
                    />
                    {errors.password &&
                        <Text style={{ FontSize: 10,color: 'red' }}>{errors.passworD}</Text>
                    }

                    <button
                        onPress={handlesubmit}
                        title="Login"
                        style={styles.button}
                        Disabled={!isValID}
                    />

                    <Text style={styles.signup}>Forget password?</Text>
                    <Text style={styles.register}>Register as a vendor/Driver Here</Text>
                    <Text style={styles.signup}>Signup Here</Text>

                </>
            )}
        </Formik>
    </VIEw>
   )
  }

我正在尝试制作受保护的屏幕，如果用户未登录，他将无法访问该屏幕我可以在 asyncstorage 中读取和设置值，但我不知道，因为我们将值存储在 login.Js 中，但是之后如何更新 index.Js。我是本机反应的新手，这是我的第一个项目并被困在这里。任何形式的帮助都会受到赞赏

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的如何使用 react-native 更新 asyncstorage 时更新 app.js全部内容，希望文章能够帮你解决如何使用 react-native 更新 asyncstorage 时更新 app.js所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。