setState changes the state but the value in textfield does not change

Question

I have dynamic number of textfileds and i saved the values to those textfields in an array. At first the values get populated with data from server using immutability helper but when i want to edit the textfiled it does not change. when I print the values for state the value is changed but textfield does not get updated.

    handleWordChange = (wordID, e) => {
        let me = this;
        me.setState(update(me.state, {finWords: {[wordID]: {$set: e.target.value}}}), () => console.log(me.state.finWords));
    };

for (let i = 0; i < data.length; i++)
     for (let word in data[i])
         if (data[i].hasOwnProperty(word)) {
            me.setState(update(me.state, {finWords: {$push: [data[i][word]]}}));
            rows.push(
                <Card key={i}>
                    <CardContent>                               
                       <TextField
                           name={"fin-word"+i}
                           value={me.state.finWords[i]}
                           onChange={(e) => me.handleWordChange(i, e)}
                       />
                    </CardContent>
                </Card>
              );
           }