undefiniert ist kein Objekt in this.state - ReactNative

Question

Ich bin neu in ReactNative, erhalte ich die Fehler undefined is not a object in meinem this.state.rows Ich versuche, ein View dynamisch hinzuzufügen, wenn ein Benutzer ein Button klickt. Ich versuchte, this zu verwenden und statt getInitialState zu verwenden, benutzte ich constructor(props), aber ich habe weiter den besagten Fehler. Hier ist mein Code

constructor(props) { 
super(props); 
this.state = { 
    rows: [], 
}; 
} 

addRow(){ 
this.state.rows.push(index++) 
this.setState({ rows: this.state.rows }) 
} 

render(){ 

let contactView =() => { 
    return <View> 
       <AddComponent /> 
      </View> 
} 

return(
<View> 
     <View> 
     {contactView} 
     </View> 

     <TouchableHighlight onPress={ this.addRow } > 
     <Text>Add</Text> 
     </TouchableHighlight> 
    </View> 
); 

Vielen Dank für Ihre Hilfe!

Answer 1

Sie müssen this auf die Funktion addRow wie folgt binden:

<TouchableHighlight onPress={ this.addRow.bind(this) } > 
    <Text>Add</Text> 
</TouchableHighlight> 

oder eine anonyme Funktion erstellen automatisch diese binden:

<TouchableHighlight onPress={() => this.addRow() } > 
    <Text>Add</Text> 
</TouchableHighlight> 

Zur Erläuterung zu this beziehen.

Answer 2

Sie können dies auch tun.

export default class CustomCard extends React.Component{ 
    constructor(props) { 
     super(props); 

     // This binding is necessary to make `this` work in the callback 
     this.functionName= this.handleUpvote.bind(this); 
    } 
} 

Zum Aufruf der Funktion können Sie es so nennen.

<TouchableHighlight onPress={this.functionName} > 
    <Text>Add</Text> 
</TouchableHighlight>