在React Native EXPO应用程序中使用Formik时出错

玛利亚

我在使用EXPO的本机应用程序中使用Formik。在登录表单上使用它时,出现此错误:

ReferenceError:找不到变量:值

<Formik
      initialValues={{ email: '', password: '' }}
      onSubmit={ values => {this.handleSubmit(values)}}
       >
            {formikProps => (
                    <>
                            <FormInput
                                name="email"
                                value={values.email}
                                onChangeText={formikProps.handleChange('email')}
                                placeholder="Enter email"
                                autoCapitalize="none"
                                iconName="ios-mail"
                                iconColor="#2C384A"
                            />
                            <FormInput
                                name="password"
                                value={values.password}
                                onChangeText={formikProps.handleChange('password')}
                                placeholder="Enter password"
                                secureTextEntry
                                iconName="ios-lock"
                                iconColor="#2C384A"
                            />
                            <View style={styles.buttonContainer}>
                                <FormButton
                                buttonType="outline"
                                onPress={formikProps.handleSubmit}
                                title="LOGIN"
                                buttonColor="#039BE5"
                                />
                            </View>
                    </>
                )}
    </Formik>

为什么在我正确地遵循本教程的过程中无法识别值?

心灵大师

您的问题是您没有通过values,这就是为什么您会收到该错误。

更改:

{formikProps => (

至:

{({formikProps, values}) => (

有关更多信息,请在此处查看官方文档

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在React Native Expo中使用图库应用程序打开下载的照片?

来自分类Dev

是否可以在react native(expo)中使用内置的设备应用程序摄像头?

来自分类Dev

在 React Native 应用程序和 Expo 中使用 Google Maps 等原生模块

来自分类Dev

使用 expo 发布 React Native 应用程序

来自分类Dev

在Google Play控制台上上传我的React Native / Expo应用程序时出错

来自分类Dev

在 react native 中使用 geolib 时出错

来自分类Dev

命令行以更新EXPO React Native应用程序

来自分类Dev

React Native Expo:更改应用程序配置

来自分类Dev

弹出 Expo 后无法运行 React Native 应用程序

来自分类Dev

为什么使用EXPO成功构建后无法安装React Native应用程序?

来自分类Dev

使用react-native-cli或expo-cli的移动应用程序?

来自分类Dev

使用 Expo 和 React Native 在应用程序启动之间保持数据

来自分类Dev

创建 React Native 应用程序时出错

来自分类Dev

React Native:使用Facebook登录名时,Android上独立的Expo构建的应用程序崩溃(适用于iOS)

来自分类Dev

在React Native中使用async / await时出错

来自分类Dev

如何在React Native Android应用程序中使用JavaScriptCore

来自分类Dev

在现有iOS应用程序中使用React Native仅适用于某些视图

来自分类Dev

在React Native应用程序中使用Material Ui是否有用

来自分类Dev

在React Native中如何在示例应用程序中使用N个视图

来自分类Dev

React Native 应用程序的 UI 测试

来自分类Dev

React Native 应用程序部署

来自分类Dev

使用 React Native 应用程序捆绑预先填充的领域

来自分类Dev

使用 Appium 测试 React Native 应用程序

来自分类Dev

React Native FBSDK 登录 - 使用应用程序登录失败

来自分类Dev

当启用proguard时应用程序关闭并无法运行时,使用React-Native

来自分类Dev

如何通过运行在Expo上的React Native应用程序连接到本地Rails后端?

来自分类Dev

如何从Xcode将Expo / React Native应用程序部署到iOS设备

来自分类Dev

如何创建仅与EXPO React Native应用程序连接的JSON PHP API?

来自分类Dev

用户关闭应用程序时,React-Native Expo会发送Firebase帖子

Related 相关文章

  1. 1

    如何在React Native Expo中使用图库应用程序打开下载的照片?

  2. 2

    是否可以在react native(expo)中使用内置的设备应用程序摄像头?

  3. 3

    在 React Native 应用程序和 Expo 中使用 Google Maps 等原生模块

  4. 4

    使用 expo 发布 React Native 应用程序

  5. 5

    在Google Play控制台上上传我的React Native / Expo应用程序时出错

  6. 6

    在 react native 中使用 geolib 时出错

  7. 7

    命令行以更新EXPO React Native应用程序

  8. 8

    React Native Expo:更改应用程序配置

  9. 9

    弹出 Expo 后无法运行 React Native 应用程序

  10. 10

    为什么使用EXPO成功构建后无法安装React Native应用程序?

  11. 11

    使用react-native-cli或expo-cli的移动应用程序?

  12. 12

    使用 Expo 和 React Native 在应用程序启动之间保持数据

  13. 13

    创建 React Native 应用程序时出错

  14. 14

    React Native:使用Facebook登录名时,Android上独立的Expo构建的应用程序崩溃(适用于iOS)

  15. 15

    在React Native中使用async / await时出错

  16. 16

    如何在React Native Android应用程序中使用JavaScriptCore

  17. 17

    在现有iOS应用程序中使用React Native仅适用于某些视图

  18. 18

    在React Native应用程序中使用Material Ui是否有用

  19. 19

    在React Native中如何在示例应用程序中使用N个视图

  20. 20

    React Native 应用程序的 UI 测试

  21. 21

    React Native 应用程序部署

  22. 22

    使用 React Native 应用程序捆绑预先填充的领域

  23. 23

    使用 Appium 测试 React Native 应用程序

  24. 24

    React Native FBSDK 登录 - 使用应用程序登录失败

  25. 25

    当启用proguard时应用程序关闭并无法运行时,使用React-Native

  26. 26

    如何通过运行在Expo上的React Native应用程序连接到本地Rails后端?

  27. 27

    如何从Xcode将Expo / React Native应用程序部署到iOS设备

  28. 28

    如何创建仅与EXPO React Native应用程序连接的JSON PHP API?

  29. 29

    用户关闭应用程序时,React-Native Expo会发送Firebase帖子

热门标签

归档