Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在react中将单个字母与onChange事件分开?_Reactjs_React Native_Input_Text_Letter - Fatal编程技术网

Reactjs 如何在react中将单个字母与onChange事件分开?

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

我是一个新的反应,我有一个问题,我不知道如何解决

我有一个状态跟踪我在textInput上键入的内容。但是当我在textInput上输入console.log时,它会在我输入时显示整个块,如“a”、“ab”、“abc”。我希望能够控制我键入的每个输入,如“a”“b”“c”,而不是整个输入,如“abc”。为此,我尝试了map和split函数,不幸的是,该函数出现了一些错误

有人能提供一些建议吗?我在附上下面的几行

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
,具体取决于要中断按键过程的哪个部分