反应本机形式

Question

如何将值从 formik 传递到我的 handleSubmit？

const handleSubmit = async(valuesToSubmit) =>    {
      alert("Email", valuesToSubmit.UserData['Email'])
}
<Formik
   initialValues={UserData}
   onSubmit={(values) =>{  handleSubmit(values)}}>
   {(props) => (
   <View style={formStyles.SectionStyle}>
      <TextInput
            name="Email"
            value={props.values['Email']}
            style={formStyles.inputStyle}
            underlineColorAndroid="#f000"
            placeholderTextColor="#8b9cb5"
            keyboardType="email-address"
            onChangeText={props.handleChange('Email')}
      />

这是我收到的错误

更新 我改变了

alert("Email", valuesToSubmit.UserData['Email'])

到

alert(valuesToSubmit['Email'])

这就是结果

从我的 api 中获取的值

Answer 1

问题是您在按钮中也使用了相同的 handleSubmit，因此更改提交按钮代码如下

<TouchableOpacity
  style={formStyles.buttonStyle}
  activeOpacity={0.5}
  disabled={!props.isValid}
  onPress={props.handleSubmit}
> 

避免对函数使用相同的名称。