我有一个数组
["a","b","c","d"]
我有一个输入
<input value={inputValue} onChange={(e) => onInputChangeHandler(e)}/>
我希望onInputChangeHandler检查键入的字母是否等于数组的第一个元素,如果相等,则使用键入的字母更新输入,如果不相等则什么也不做。然后,当用户键入另一个字母时,我希望onInputHanlder检查该字母是否等于数组的第二个元素,依此类推。
像这样吗
const TestComponent = () => {
const myArr = ["a", "b", "c", "d"];
const [inputValue, setInputValue] = React.useState("");
function onInputChangeHandler(e) {
if (myArr[e.target.value.length - 1] === e.target.value.slice(-1)) {
setInputValue(e.target.value);
}
}
return (
<div>
<input value={inputValue} onChange={(e) => onInputChangeHandler(e)} />
</div>
);
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句