Redux 表单在 React Native 中调用提交函数时不返回任何内容



我正在尝试使用反应本机创建一个简单的 redux 表单,但是当我调用提交函数时它会返回一个空数组?

import React,{ Component } from 'react';
import { Field,reduxForm } from 'redux-form';
import { Text,Input } from 'react-native-elements';
import { View,Button } from 'react-native';
import {Icon,CheckBox} from 'react-native-elements';
 const renderField=({label,keyboardType,name,icon,iconType}) => {
    return(
            <View style={{flexDirection:'row'}}>
                <Input keyboardType={keyboardType} placeholder={label} inputContainerStyle={{borderWidth:2,borderColor:'lightgrey',borderRadius:20}} inputStyle={{color:'grey'}} leftIcon={<Icon size={25} type={iconType} name={icon} color="grey" />} errorStyle={{fontSize:15}} errorMessage="error" />
            </View>
    )
}
 const checkBoxField=({label,keyboardType,name}) => {
    return(
            <View style={{flexDirection:'row'}}>
                <Text>{label}</Text>
                <CheckBox  title='Male' checkedIcon='dot-circle-o' uncheckedIcon='circle-o' checked={true} containerStyle={{backgroundColor:'transparent',marginBottom:10}} />      
            </View>
    )
}
const submit=values=>{
    console.log(values)
}
const RegisterForm=props => {
    const {handleSubmit}=props;
    return(
            <View style={{flex:1,flexDirection:'column',margin:20,justifyContent:'flex-start',alignItems:'center'}}>
                <Field label="Username" component={renderField} name="username" icon="user" iconType="font-awesome" />
                <Field label="Email" component={renderField} name="email" icon="email" iconType="zocial" />
                <Field label="Gender" component={checkBoxField} name="gender" />
                <Button title='SUBMIT' onPress={handleSubmit(submit)} />
            </View>
    )
}
const Register=reduxForm({
    form:'register',
})(RegisterForm);
export default Register;

在上面的代码中,单击提交按钮时,它将调用带有参数的提交函数,但控制台中不会显示任何内容。

当你按下提交按钮时,你正在使用你的提交函数调用 props.handleSubmit((,但来自 Button 组件的 onPress(( 处理程序不接受任何参数。

所以你的 submit(( 函数实际上永远不会被调用。

最新更新