React Hook Form：当另一个字段的值为'TEST'时如何根据需要设置一个字段

Question

I'm looking for a solution for my issue: I have two inputs and I want to make the first one required only when the value of the second input is 'TEST', I'm using React Hook Form with getValues function, this is my code example

Anyone have an idea how to achieve this please? Thank you!

Answer 1

1. As per your implementation, looks like you are trying to make 'LastName' field is required only if the 'FirstName' field contains the value 'test'.

2. Initially it was not working because 'requiredFiedl()' function was not returning true. I modified it as below and now if the 'First Name' the field contains 'test', 'Last Name' will have the required attribute set to 'true'.

   const requiredField = () => { if (watch("firstName") === "test") return true; return false; };