javascript - 为什么CurrencyTextField中的inputRef返回错误inputRef.current为null？

在第一个“CurrentTextField”更改您的值之后，我尝试着重于第二个“CurrentTextField”，
但返回错误“inputRef.current为空”

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>
   )
}

最佳答案

更新2

我再次检查，发现它使用了TextField Prop 的material-ui/core中的inputProps组件，因此可以正常工作

  <CurrencyTextField inputProps={{ref:refInput}} />

更新

我刚刚检查了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标签一样操作，以查看其是否起作用。