how to react assign multiple refs react-hook-form

Question

I'm managing my forms using react-hook-form. but I also need to manage an element's click event. In this case, I have to set both refs

   let inputRef = useRef(null);

   const onClick = input => {
      input.click();
   };

<input
     type="file" 
     ref={ref => {
        inputRef = ref;
        register();
     }},
     onClick={() => onClick(inputRef)}
></input>

How can I set multiple refs

will it help? - https://stackoverflow.com/questions/54633690/how-can-i-use-multiple-refs-for-an-array-of-elements-with-hooks — s.kuznetsov, Apr 24 '21 at 22:49

score 1 · Accepted Answer · answered Apr 24 '21 at 22:50

1

              inputRef={ref => {
                 inputLogoSquare = ref;
                 register(ref);
              }}

this is the answer

answered Apr 24 '21 at 22:50

pneuma

151
1
9

It's not working for me, could you please explain more? – iranimij Nov 24 '21 at 06:29

score 0 · Answer 2 · answered Nov 24 '21 at 06:33

0

I think it's the best solution.

const myRef = useRef(null);

<input ref={(ref) => { 
         myRef.current = ref; 
         register(ref); 
       }} />

answered Nov 24 '21 at 06:33

iranimij

63
9

how to react assign multiple refs react-hook-form

2 Answers2