T
TanStack•2y ago
like-gold

how to get the change value of specific field at the root level

How to get the onchanged (like react hook form useWatch hook) value from the useForm for the trigger useEffect in my case.
2 Replies
genetic-orange
genetic-orange•2y ago
you can use something like that 
const form = useForm<{ search: string }>({ defaultValue: { search: '' } });
const search = form.useField({ name: 'search' }).getValue();

useEffect(() => {
  // your code here
}, [search]);
const form = useForm<{ search: string }>({ defaultValue: { search: '' } });
const search = form.useField({ name: 'search' }).getValue();

useEffect(() => {
  // your code here
}, [search]);
but authors don't reccomend use this way, try use that way 
<Field name="search">{field => <Component value={field.state.value} />}</Field>

const Component = ({value}) => {
  useEffect(() => {
    // your code here
  }, [value]);
}
<Field name="search">{field => <Component value={field.state.value} />}</Field>

const Component = ({value}) => {
  useEffect(() => {
    // your code here
  }, [value]);
}
implicit-lime
implicit-lime•2y ago
I'd probably go with const myValue = form.useStore((state) => state.values.myField); and then you can use myValue in your useEffect

Did you find this page helpful?