如何反应分配多个参考反应钩子形式

Question

我在用反应钩式来管理我的表格。但我还需要管理元素的单击事件。在这种情况下，我必须同时设置两个参考文献。

   let inputRef = useRef(null);

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

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

如何设置多个参考文献？

Answer 1

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

这就是答案

Answer 2

我认为这是最好的解决办法。

const myRef = useRef(null);

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

Answer 3

const myRef = useRef<any>();
const { ref, ...rest } = register("email");
<input
   ref={(e) => {
     ref(e);
     myRef.current = e;
   }}
   {...rest}
/>