保存 TextInput 数组的状态 - React Native

Question

我从 API 获取多个 TextInput 并将它们显示在我的屏幕上。那么，如何将用户输入的状态保存到全局对象中。像这样的：

    state = {
    foundtextfields: []
   }

在这里，我将那些获取的 TextInputs 推送到 foundTextFields[] 数组：

var foundTextFields = [];

    foundTextFields.push(<TextInput>{keyvalue_to_json.inputFields[i].placeholderText}</TextInput>)

我在此列表中显示文本输入：

return (
    <View>
      {foundtextfields}
    </View>
)

编辑： 我想遍历数组的状态，并从那个 ex 中提取密钥。 “key”（signedbyFullName）如果与下面的 json 正文属性“signedbyFullName”相同，则匹配。

  postToBmp = (obje) => {
var userArray = [];
for (i = 0; i < this.myInputFields.myTextFields.length; i++) {
       userArray.push(this.myInputFields.myTextFields[i])
       console.log("this is the title of al inputFields:",   this.myInputFields.myTextFields[i].key)
}

fetch('URL', {
  method: 'POST',
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json',
    'Connection': 'Keep-Alive',
  },
  credentials: 'include',

  body: JSON.stringify({

    from: 'test1@test.dk',

    to: ['<test@hotmail.com>'],

    signedByFullName: '',

    signedByCPRNumber: '',

    otherCompanyName: '',

    otherCompanyCVRNumber: ''
  })
})

}

Answer 1

要存储值，您可以在 foundtextfields 旁边创建一个带有值的数组，每次更改文本时，您都将其设置为另一个数组的索引
像这样：

    foundTextFields.push(
      <TextInput 
         onChangeText={(text) =>{
            let inputValues=this.state.inputValues;
            inputValues[i]=text;
            this.setState({inputValues})
         }}>
        {keyvalue_to_json.inputFields[i].placeholderText}
      </TextInput>)

或

foundTextFields.push(
      <TextInput 
         onChangeText={(text) =>{
            keyvalue_to_json=this.state.keyvalue_to_json
            keyvalue_to_json.inputFields[i].inputValues=text;
            this.setState({keyvalue_to_json})
         }}>
        {keyvalue_to_json.inputFields[i].placeholderText}
      </TextInput>)