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

时间:2020-03-09 14:39:03

标签: javascript reactjs react-hooks use-ref

大家好,谢谢!

我遇到以下问题,使用输入组件并由于组件的呈现而使用useRef来获取其值,我想知道是否可以添加掩码函数并在输入内部编辑此值而不必将其呈现给键入的每个字符。性能。或者任何人有如何做的秘诀?

使用的代码示例:

db.collection.aggregate([ { $unwind: '$addresses' }, { $match: { $expr: { $eq: [ { $arrayElemAt: ["$addresses.loc", 0] }, { $arrayElemAt: ["$addresses.loc", 1] } ] } } }, { $replaceRoot: { newRoot: "$addresses" } }, { $group: { _id: null, count: { $sum: 1 }, addresses: { $push: '$$ROOT' } } }, { $project: { _id: 0 } } ])

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

0 个答案:

没有答案