Quantcast
Channel: Active questions tagged react-native+typescript - Stack Overflow
Viewing all articles
Browse latest Browse all 6492

can't type in Input field after changing onChangeText

$
0
0

I have a custom FieldInput icon where I use Native Base's input component. I use it for validation with Formik. When I use it like this:

 onChangeText={handleChange(fieldType)}

everything seems to work fine but I get an error on onChangeText that

  Overload 1 of 2, '(props: Readonly<Input>): Input', gave the following error.    Type 'void' is not assignable to type '((text: string) => void) | undefined'.

When I change it to

 onChangeText={()=>handleChange(fieldType)}

the error is gone but then my input field stops working. I can no longer type into it. What am I doing wrong? My component looks like this:

type FieldInputProps = React.PropsWithRef<{  handleChange: (e: string) => void;  value: string;  fieldType: string;  placeholderText?: string;  style?: object;  rounded?: boolean;}>;export const FieldInput = React.forwardRef<Input, FieldInputProps>(({  handleChange,  fieldType,  placeholderText,  value,  style,  rounded,}, ref) => {  return (<Item rounded={rounded} style={[styles.inputItem, style]}><Input         ref={ref}        autoFocus={true}        autoCapitalize="none"        placeholder={placeholderText}        keyboardType="default"        onChangeText={handleChange(fieldType)}        value={value}       /></Item>  );});

Codesandbox:https://snack.expo.io/@nhammad/carefree-cereal


Viewing all articles
Browse latest Browse all 6492


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>