javascript - 输入使用 useRef 更改其值而不更新其状态
问题描述
嘿伙计们,提前谢谢
我有以下问题,由于组件的渲染,使用输入组件并通过 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)}
/>
)
}
解决方案
推荐阅读
- javascript - 如何将唯一的 id 添加到 first of kind
- java - 连接到加密交换 API。使用“POST”或“DELETE”方法“签名并发送”消息时出错?
- php - 从 PHP 数组中提取对象作为变量(在 Drupal 7 模块中)
- angular - 由于“无法在 'HTMLInputElement' 上设置 'value' 属性”,我无法将文件值放入我的 formBuilder
- sql - 使用 DB2 SQL 将 1 列解析为 3 列
- android - FragmentPagerAdapter 的 Fragment 不显示 RecyclerView 的项目
- java - 如何停止覆盖txt文件并让它在新行中写入
- google-apps-script - 谷歌表格计算延迟和相关函数调用
- batch-file - 您可以使用 Shadow Copy (VSS) 备份打开文件的缓存内存吗?
- java - 等待 Firestore 查询完成