recommended place to change input depend on another input value

[ws-rush]

In my code I use onChange to chnage another value input depend on my input like following

<Controller name='name' render={(field) => {
  <input type="text" onChange={({ value }) => {
    field.onChange(value)
    setValue('fullname', value)
  }} />
}} /> 

another way is

useEffect(() => {
  watch((data, { name, type}) => {
    if (name === 'name' && type === 'change')
      setValue(('fullname', data[value])
  })
}, [watch])

<Controller name='name' render={(field) => {
  <input type="text" onChange={field.onChange}} />
}} /> 

I prefer the scond method coz it seprate change controller value from change dependent values, but it need more code, which prefered method in your community

[Moshyfawn]

As with everything in software, "it depends". There's a fantastic breakdown of each use case and approach on the React docs "You Might Not Need an Effect" page that goes into detail about when to update your state in an even handler vs. useEffect.