javascript - 输入使用 useRef 更改其值而不更新其状态

Question

嘿伙计们，提前谢谢

我有以下问题，由于组件的渲染，使用输入组件并通过 useRef 获取其值，我想知道是否可以添加一个掩码函数并在输入中编辑此值，而不必将其呈现给每个键入的字符。为了性能。或者有人对如何做有任何提示吗？

使用的代码示例：

index.js

import React, { useState, useEffect, useRef, useCallback } from 'react';
import InputIcon from './inputIcon';
export default function Login() {
 const [userState, setUserState] = useState('');
 return (
  <InputIcon
   inputRef={inputUserRef}
   functionUpdatedValueRef={text => functionUpdateValueInputUser(text)}
  />
 )

}

inputIcon.js

import React from 'react';
export default function InputIcon({
  inputRef,
  functionUpdatedValueRef,
}){
 return (
  <InputIcon
   ref={inputRef}
   onChange={() => functionUpdatedValueRef(inputRef.current.value)}
  />  
 )
}