Implementations with react-native

Hi. I used this approach from other issues. But I got the next behavior:

1. I received console.logs from my handlers

const handleOnChange = field => text => {
  console.log('%c handleOnChange', 'color: #0087d4', text);
  field.set(text);
};

they show me that input is reacted to typing but the value is not preserved. the whole component is next

import React from 'react';
import { TextInput } from 'react-native';

const handleOnChange = field => text => {
  console.log('%c handleOnChange', 'color: #0087d4', text);
  field.set(text);
};

const WrappedInput = props => {
  return (
    <TextInput
      {...props.field.bind({ onChange: () => {} })}
      onChangeText={handleOnChange(props.field)}
    />
  );
};

export default WrappedInput;

are there some examples using this lib with react-native?

[foxhound87]

You definitely have to look bindings

You need to bind onChangeText to the built-in onChange handler:

<TextInput
      {...props.field.bind()}
      onChangeText={props.field.onChange}
/>

[foxhound87]

Tested on react native and I had no issues. I close this.