He creado un componente de entrada de texto reutilizable en reaccionar nativo, pero cuando intento acceder al valor del texto, me da un objeto de evento sintético y luego el valor del texto, no puedo apuntar al valor del texto. Sé que esto puede ser un posible duplicado, pero he probado muchos métodos pero no funciona. Aquí está mi fragmento de código.
/**Componente importado**/
<InputField placeholder="Disabilities" defaultValue={values.associatedDisabilities.toString()} onChange={(value) => console.log(value)} />/**Componente reutilizable**/
<TextInput style={[ styles.textInput, props.style, { color: theme.colors.mainForeground }, ]} onChangeText={props.onChange} defaultValue = {props.defaultValue} value={props.value} onBlur={props.onBlur} {...props} placeholderTextColor={ currentTheme === ThemeTypes.LIGHT ? theme.colors.secondaryText : theme.colors.mainForeground } editable={props.editable} selectTextOnFocus={props.editable} />Debe pasarlo en onChange para tener el valor que está buscando:
<TextInput style={[ styles.textInput, props.style, { color: theme.colors.mainForeground }, ]} onChangeText={(value) => props.onChange(value)} defaultValue = {props.defaultValue} value={props.value} onBlur={props.onBlur} {...props} placeholderTextColor={ currentTheme === ThemeTypes.LIGHT ? theme.colors.secondaryText : theme.colors.mainForeground } editable={props.editable} selectTextOnFocus={props.editable} />En segundo lugar, debe controlar la composición importada:
<InputField placeholder="Disabilities" defaultValue={values.associatedDisabilities.toString()} onChange={(value) => console.log(value)} value /> De lo contrario, puede usar event.target.value , que es el valor de evento nativo del componente de entrada