为什么CurrencyTextField中的inputRef返回错误inputRef.current为空？

Question

我试图在第一个“ CurrentTextField”更改您的值之后，专注于第二个“ CurrentTextField”，但返回错误“ inputRef.current为null”

import React, {useRef } from 'react';
import CurrencyTextField from "@unicef/material-ui-currency-textfield";

export default function Clientes() {
   let refInput = useRef(null)

   return(
      <div>
         <CurrencyTextField 
          onChange={(e) => refInput.current.focus()}
         />

         <CurrencyTextField 
          inputRef={refInput}
         />
      </div>
   )
}

Answer 1

UPDATE

我刚刚检查了CurrencyTextField源代码，但它不处理参考文件

---

由于您正在使用自定义组件CurrencyTextField，因此应检查其是否处理引用，在使用常规HTML标记时，应使用prop ref

export default function Clientes() {
   let refInput = useRef(null)

   return(
      <div>
         <CurrencyTextField 
          onChange={(e) => refInput.current.focus()}
         />

         <-- normal input will work -->
         <input  
          ref={refInput}
         />
      </div>
   )
}

尝试像执行常规HTML标签一样操作，以查看其是否起作用。

Answer 2

这看起来很奇怪。我检查了React文档，看起来不错useRef React。也许可以为我们带来有关该库的更多详细信息，因为可能与您的问题有关