Formik,打字稿,本机反应,动态获取错误属性

时间:2021-07-10 22:06:27

标签: typescript formik

在下面的代码中,我想用formik包装一个表单字段,但由于打字稿错误,我不知道如何按名称获取错误对象属性: 元素隐式具有 'any' 类型,因为类型 'string' 的表达式不能用于索引类型 'FormikErrors'。 在类型 'FormikErrors'.ts(7053)

上找不到带有类型为 'string' 的参数的索引签名
    interface AppFormProps{
    name: string
}


function AppFormField({name} : AppFormProps) {

    const {setFieldTouched, handleChange, errors} = useFormikContext();

    return (
        <>
          <AppTextInput
            //autoCapitalize="none"
            onBlur={() => setFieldTouched(name)} 
            //autoCorrect={false} 
            //icon="email"
            //keyboardType="email-address"
            onChangeText={handleChange(name)}
            //placeholder="Email" 
            //textContentType="emailAddress"
            />            
            <ErrorMessage error={errors[name]} visible={touched[name]}/><-- ERROR IS HERE    
        </>
    );
}

export default AppFormField;

感谢您的帮助!

0 个答案:

没有答案