eslint - 我如何通过 eslint 检查 this.props.navigation.navigate (react-navigation)？

Question

我在我的 native 项目中使用 eslint airbnb。如果我没有验证 Prop ，特别是来自 react-navigation 的 Prop ，eslint 会抛出错误 linting .


我如何使用 PropTypes 验证这一点？

我正在尝试像这样验证它:

IntroScreen.propTypes = {
  navigation: PropTypes.shape({
    navigate: PropTypes.func,
  }),
};

但仍然有这样的错误 linting


我如何传递默认 Prop ，我应该吗？

Answer 1

我正在通过设置导航和导航 Prop 来修复它。

IntroScreen.propTypes = {
  navigation: PropTypes.shape({
    navigate: PropTypes.func.isRequired,
  }).isRequired,
};

如果我们将 Prop 设置为可选，eslint 会强制我们提供要设置的默认 Prop 。因此，如果我们将 props 设置为必需，eslint 将不会再次警告您。