React Native函數作用域（從子函數調用父函數）

Question

我正在努力使自己了解功能范圍。 _internalFunction運作良好，但是我該如何調用_externalFunction ？

我試過self=this和this._externalFunction內的this._externalFunction，還嘗試了() => {this._externalFunction}但沒有用。

class sandbox extends Component {
    //some code removed for clarity

    _renderRow(item) {
      const _internalFunction = () => {
        Alert.alert('Internal');
      };
      return (<Text onPress={_internalFunction}>{item}</Text>);
    }

    _externalFunction() {
      Alert.alert('External');
    };
}

這是React Native Playground中要修飾的代碼： https : //rnplay.org/apps/5CIGvA

提前致謝！ :)

Answer 1

在ES6中，您需要手動this綁定到實例。 這是React文檔的引文：

在聲明為ES6類的React組件中，方法遵循與常規ES6類相同的語義。 這意味着他們不會自動this綁定到實例。 您必須在構造函數中顯式使用.bind(this) ：

因此，您需要在構造函數中綁定函數：

constructor() {
    super();
    this._externalFunction = this._externalFunction.bind(this);
}

然后可以在組件中使用this._externalFunction ：

_renderRow(item) {
    return (<Text onPress={this._externalFunction}>{item}</Text>);
}