ant-design-mobile: backend.js:1 Warning: componentWillReceiveProps has been renamed, and is not recommended for use

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

http://codepen.io/paranoidjk/pen/LWpaKe

Steps to reproduce

update package.json:

   "antd-mobile": "^2.3.1",
   "rc-form": "^2.4.8",
    "react": "^16.9.0",       
    "react-dom": "^16.9.0",
    "react-router-dom": "^5.0.1",
    "react-scripts": "^3.1.1",

What is expected?

no warning

What is actually happening?

got warning:

backend.js:1 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-async-component-lifecycle-hooks for details.

  • Move data fetching code or side effects to componentDidUpdate.
  • If you’re updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
  • Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run npx react-codemod rename-unsafe-lifecycles in your project source folder.

Please update the following components: SearchBar

Environment Info
antd 2.3.0
React ^16.9.0
System windows 10
Browser Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.87 Safari/537.36

Update supports the react v16.x version

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Reactions: 7
  • Comments: 19 (4 by maintainers)

Most upvoted comments

Is there a solution on this problem ? Countinue focusing on the issue.

same as top.