在react-native keyboardDidHide内部调用函数

Question

我正在使用create-react-native-app和Expo构建一个应用程序，并且我想在屏幕键盘关闭时调用搜索功能。

class SearchPage extends Component {
  state = {
    modalVisible: false
  };
  componentDidMount() {
    this.keyboardDidHideListener = Keyboard.addListener(
      'keyboardDidHide',
      this._keyboardDidHide
    );
  }

  componentWillUnmount() {
    this.keyboardDidHideListener.remove();
  }

  _keyboardDidHide() {
    this.onSearchButtonPress();
  }
  onSearchButtonPress() {
    this.props.searchCatalog(
      this.props.search,
      this.props.begins,
      this.props.makes
    );
  }
...
}

我曾尝试直接在_keyboardDidHide()内部调用this.props.searchCatalog(...) ，但每次遇到相同的错误时：

“ this.onSearchButtonPress不是函数。（在“ this.onSearchButtonPress（）”中，“ this.onSearchButtonPress”未定义）

最终，我只想在屏幕键盘关闭时调用this.props.searchCatalog(...) 。

Answer 1

您丢失了“此”上下文。 您可以使用箭头功能修复该问题：

this.keyboardDidHideListener = Keyboard.addListener(
  'keyboardDidHide',
  () => this.onSearchButtonPress()
);