React-native lifecycle methods warning: " componentWillReceiveProps is deprecated and will be removed in the next major version"

Question

While using the life-cycle methods in react-native, I have encountered the following warning messages in the console as well as in the emulator:

Warning: componentWillReceiveProps is deprecated and will be removed in the next major version. Use static getDerivedStateFromProps instead.

Warning: componentWillMount is deprecated and will be removed in the next major version. Use componentDidMount instead. As a temporary workaround, you can rename to UNSAFE_componentWillMount.

The warnings are even displayed annoyingly in the emulator as follows:

The problem arises whenever i dismiss the warning messages in the emulator, the application crashes, hence i have to restart the application again. What can I do about this?

Also, despite the warning messages, I have never used the method "componentWillReceiveProps". However, I have made use of the method "componentWillMount". What could be the cause of receiving warning message even related to method "componentWillReceiveProps"?

Answer 1

I think it does not affect your application, it's just annoying.

Hide it by add below into index.js:

import { YellowBox } from 'react-native';

YellowBox.ignoreWarnings([
  'Warning: componentWillMount is deprecated',
  'Warning: componentWillReceiveProps is deprecated',
  'Module RCTImageLoader requires',
]);

Answer 2

These deprecation notices was not due to land in React Native 0.54 but was by mistake, you can upgrade React Native to 0.54.1 and see that these messages are gone.

Read more here.