Reactjs 如何在react中将单个字母与onChange事件分开?
我是一个新的反应,我有一个问题,我不知道如何解决 我有一个状态跟踪我在textInput上键入的内容。但是当我在textInput上输入console.log时,它会在我输入时显示整个块,如“a”、“ab”、“abc”。我希望能够控制我键入的每个输入,如“a”“b”“c”,而不是整个输入,如“abc”。为此,我尝试了map和split函数,不幸的是,该函数出现了一些错误 有人能提供一些建议吗?我在附上下面的几行Reactjs 如何在react中将单个字母与onChange事件分开?,reactjs,react-native,input,text,letter,Reactjs,React Native,Input,Text,Letter,我是一个新的反应,我有一个问题,我不知道如何解决 我有一个状态跟踪我在textInput上键入的内容。但是当我在textInput上输入console.log时,它会在我输入时显示整个块,如“a”、“ab”、“abc”。我希望能够控制我键入的每个输入,如“a”“b”“c”,而不是整个输入,如“abc”。为此,我尝试了map和split函数,不幸的是,该函数出现了一些错误 有人能提供一些建议吗?我在附上下面的几行 const Words = () => { const [correctL
const Words = () => {
const [correctLetters, setCorrectLetters] = useState([]);
const correctLettersHandler = (input) => {
//console.log(input) -> it shows the whole inputs
//const letter = input.map((letter) => letter.split("")); -> failed try
setCorrectLetters(input);
}
return (
<View>
<TextInput
value={correctLetters}
onChangeTedt={correctLettersHandler}
</View>
}
const Words=()=>{
const[correctLetters,setCorrectLetters]=useState([]);
常量correctLettersHandler=(输入)=>{
//log(输入)->它显示整个输入
//const letter=input.map((letter)=>letter.split(“”);->尝试失败
设置正确的字母(输入);
}
返回(
我建议您查看一下,以全面了解键盘事件
底部是属于KeyboardEvent对象的事件类型(Derek在对问题的评论中已经提到):
- ,用户按键时发生的事件
- ,用户按键时发生的事件
- ,用户释放密钥时发生的事件
使用onKeyPress
、onkeypup
或onkeypdown
,具体取决于要中断按键过程的哪个部分