在调用函数React-Native上保存textInputs的值

Question

我从API获取一些TextInputs并将它们推送到一个数组。然后我将保存用户的输入文本以及textinput对象具有的所有键和值。但是，当我保存时，每次我对文本进行更改时都会保存。当我在View中调用一个函数时，我想保存并将所有内容推送到数组中。基本上，我希望只有在调用函数时才将状态推送到数组，而不是每次更改文本时。

我很感激任何建议！如果问题不够清楚，请告诉我。

myInputFields = {
   myTextFields: [],
};

textfieldsObject = () => {
const obje = this.props.navigation.state.params.item;
var keyvalue_to_json = JSON.parse(obje.keyValues);
var foundTextFields = [];

for (let i = 0; i < keyvalue_to_json.inputFields.length; i++) {
  if (keyvalue_to_json.inputFields[i].type === 'textfield') {
    foundTextFields.push(<TextInput style={{ borderWidth: 1 }}

      onChangeText={(text) => {
        keyvalue_to_json.inputFields[i].inputValues = text;
        this.myInputFields.myTextFields.push(keyvalue_to_json.inputFields[i])
      }}
    >{keyvalue_to_json.inputFields[i].placeholderText}</TextInput>)</Text>)
  }
}

}

Answer 1

每次键入或更改文本时都会调用onChangeText事件。您需要使用仅在文本输入结束时触发的onEndEditing事件。所以你的TextInput代码将是：

<TextInput style={{ borderWidth: 1 }}
  onEndEditing={(e) => {
    keyvalue_to_json.inputFields[i].inputValues = e.nativeEvent.text;
    this.myInputFields.myTextFields.push(keyvalue_to_json.inputFields[i])
  }}
>{keyvalue_to_json.inputFields[i].placeholderText}
</TextInput>