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

Question

我在使用 expo 的 React Native 应用程序中使用 formik。在登录表单上使用它时出现此错误：

ReferenceError: Can't find variable: values

<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>

为什么我没有准确地按照教程进行操作，所以无法识别值？

Answer 1

您的问题是您没有通过 values，这就是您收到该错误的原因。

变化：

{formikProps => (

收件人：

{({formikProps, values}) => (

更多信息，查看官方文档here。