How to pass eslint check for this.props.navigation.navigate (reaction-navigation)?

Question

I am using eslint airbnb in my own project. Eslint throw input error if I did not confirm the props, especially the props from react-navigation.

How to check this with PropTypes?

I am trying to verify it as follows:

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

but still got an error like this

How to transfer default details, and should I?

Answer 1

I fix this by setting the navigation and navigation to the details.

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

eslint forces us to provide default details if we set the details as optional. Therefore, if we set up the props, eslint will not warn you again.

Answer 2

Dede , ( ) . , .

, :

"rules": {
     "react/prop-types": ["error", { "ignore": ["navigation"] }]
}

, , ​​ , .