这是在类方法中未定义的

Question

我有一个具有render和onPress方法的组件...

...

  onCardPressed(event) {
    console.log(this.props);
    const { data } = this.props;
    console.log(event, data);
  }
  render() {
    const { data } = this.props;
    return (
      <TouchableOpacity
        onPress={this.onCardPressed}
      >
        <Container style={{ elevation: 5 }}>
          <SectionTitle>
            This is a
            {` ${data.city} `}
            card
          </SectionTitle>
        </Container>
      </TouchableOpacity>
    );
  }

在此示例中，该卡将正确显示This is a London card，但在OnPress方法中this.props返回undefined。

如何访问this.props对象进行评估？

Answer 1

您可以通过两种方式修复此操作。支持将这些行添加到构造函数的参数是，新的界函数仅是每个类实例创建一次。您也可以使用

onPress={this.onCardPressed.bind(this)}

或（ES6）：

onPress={() => this.onCardPressed()}