Text input value error

[koswarabilly]

Is this a bug report?

maybe

Have you read the Contributing Guidelines?

no

Environment

(Write your steps here:)

1. I wanted to have two buttons that are able to add and remove new textinput (not the value) onclick
2. i want to assign the value of each textinput to an array using onChangeText props
3. I add 2 field , then i input in the first field
4. I try to delete it which mean i have to delete the data in the array too right? i did and the array change too but the data from the first field move to the second field which is weird
5. the other time i try, i add a textinput and input some data to it then add new textinput when i remove it , it works perfectly fine which make me confuse

Expected Behavior

The textinput value should not follow the previous array that have been deleted

Actual Behavior

Just watch the gif
The array assigned are edited correctly which make me more confuse

Reproducible Demo

(Paste the link to an example project and exact instructions to reproduce the issue.)

[ravirajn22]

What method are you using to remove strings from the array? show your complete code. I have a feeling this could be a problem with your logic.

[koswarabilly]

@ravirajn22
okay let me explain the app flow too.
when method addfield called, i have this code

addfield() {
        var temp;
        temp = this.state.fielddata;
        temp.splice(temp.length, 0, { name: 'Field ' + (temp[temp.length - 1].id + 1), id: temp[temp.length - 1].id + 1 })
        this.setState({ fielddata: temp })
        this.fetchfield()
    }

fetchfield is a method to rerender the list of input if added or changed
noted that in each input of the textinput i set onChangeText={(text)=>this.field[id] = text}

in the deletefield method i use for loop to find the specific id

var temp;
        for (var i = 0; i < this.state.fielddata.length; i++) {
            if (this.state.fielddata[i].id == id) {
                temp2 = this.field
                temp2.splice(id, 1, null)
                this.field = temp
                temp = this.state.fielddata
                temp.splice(i, 1)
                this.setState({ fielddata: temp })
                this.fetchfield()
                break;
            }
        }

sorry for my bad explanation

[react-native-bot]

Thanks for posting this! It looks like you may not be using the latest version of React Native, v0.53.0, released on January 2018. Can you make sure this issue can still be reproduced in the latest version?

I am going to close this, but please feel free to open a new issue if you are able to confirm that this is still a problem in v0.53.0 or newer.

_{How to Contribute • What to Expect from Maintainers}