React hooks binding
npm install react-hooks-bindingNPM
npm install react-hooks-binding --save
`
Basic Usage
Wrap your form with DataContext and then useBinding in every place you need to get or set value from DataContext.
Example:
`TSX
import { DataContextProvider } from 'react-hooks-binding';
context={{
payment: {
cardNumber: '',
expiry: '',
cardCode: ''
}
}}
>
;
export default function PaymentView() {
return (
<>
>
);
}
import { useBinding, BindingMode } from 'react-hooks-binding/build';
export default function CardNumber() {
let cardNumberBinding = useBinding({
path: 'payment.cardNumber',
mode: BindingMode.twoWay,
convert: value => {
let formated = payment.fns.formatCardNumber(value);
return formated;
},
convertBack: (source, value) => {
let cardNumber = string(value).replaceAll(' ', '').s;
return cardNumber;
}
});
return (
value={cardNumberBinding.value}
onChangeText={rawCardNumber => {
cardNumberBinding.setValue(rawCardNumber);
}}
/>
);
}
``