Undefined不是this.state中的對象 - ReactNative

Question

我是ReactNative ，我得到錯誤undefined is not a object我的this.state.rows undefined is not a object我試圖在用戶單擊Button時動態添加View 。 我嘗試使用這個而不是使用getInitialState我使用了constructor(props)但我繼續有上述錯誤。 這是我的代碼

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>
);

謝謝您的幫助！

Answer 1

您需要綁定this的功能addRow是這樣的：

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

或者創建一個匿名函數來自動綁定它：

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

有關解釋，請參閱此處 。

Answer 2

你也可以這樣做。

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);
    }
}

要調用該函數，您可以像這樣調用它。

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

Answer 3

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