时间戳

首页 > 解决方案 > 在回调中识别 react-native TextInput 实例

javascript - 在回调中识别 react-native TextInput 实例

问题描述

我也在尝试创建一个视图，该视图使用 6 个单独的 1 位 TextInput 实例接收 6 位验证编码器。我想为每个输入分配一个回调，以便我可以跟踪用户输入代码，但我看不到任何明显的方法来做到这一点。

我可以看到一个 onChangeText 道具，但这无法识别六个 TextInput 中的哪一个正在调用它。

我确信有一种简单的方法可以做到这一点，但这对我来说并不明显，所以我很感激任何帮助。

标签： javascriptreact-native

解决方案

如果你使用了 onChangeText 道具，你可以在里面调用一个箭头函数，调用你想要的回调，传递输入的“id”+值。

像这样的东西：

<TextInput onChangeText={(text) => {
  this.yourCallback(text, 1); // 1 is the id of the input.
 }
/>

推荐阅读