每次输入时,TextInput会清除并关闭键盘(React Native)

deikduxw  于 6个月前  发布在  React
关注(0)|答案(2)|浏览(99)

每次我在我的应用程序中输入文字消失和键盘关闭,我搜索表单来解决这个问题,但没有太多的东西,实际上没有什么可以帮助我。
这是我的代码,useState:

const [nameRoom, setNameRoom] = useState('');

字符串
textInput:

<TextInput
      style={styles.modalTextInput}
      onChangeText={(txt) => setNameRoom(txt)}
       value={nameRoom}
      />


我认为我的代码是好的,但我认为有另一件事对我的完整的代码是问题的原因

j2datikz

j2datikz1#

<TextInput
  style={styles.modalTextInput}
  onChangeText={setNameRoom}
   value={nameRoom}
/>

字符串
在onChangeText中调用setNameRoom()而不是执行setNameRoom()。你可以在react native doc.上看到详细的例子和解释。

fhity93d

fhity93d2#

文本正在消失e键盘正在关闭,因为useState不起作用,<TextInput/>在那里。
然后改为:

//..
      const [nameRoom, setNameRoom] = useState('');
//...
function getInput(){
      <TextInput
      style={styles.modalTextInput}
      onChangeText={(txt) => setNameRoom(txt)}
       value={nameRoom}
      />
}

字符串
应该是:

//...
function getInput(){
const [nameRoom, setNameRoom] = useState('');
      <TextInput
      style={styles.modalTextInput}
      onChangeText={(txt) => setNameRoom(txt)}
       value={nameRoom}
      />
}

相关问题