Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Deprecated lifecycle method warnings with React 16.9 #67

Open
Dizotoff opened this issue Aug 22, 2019 · 5 comments
Open

Deprecated lifecycle method warnings with React 16.9 #67

Dizotoff opened this issue Aug 22, 2019 · 5 comments

Comments

@Dizotoff
Copy link

The following warning is shown upon upgrading to React 16.9.0:

      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: Animate
@Twisterking
Copy link

Any roadmap on this? We are currently updating to the newest version of antd - I guess when React 17 releases antd will be ready and not use any deprecated lifecycle hooks anymore?! 😄

@Dizotoff
Copy link
Author

@Twisterking I'm utilizing rc-tooltip component which uses rc-animate. When I click the tooltip, a warning appears.

@sunsetninja
Copy link

Any update for this, guys?

@zombieJ
Copy link
Member

zombieJ commented Oct 17, 2019

antd v4 using rc-animate/CSSMotion instead of rc-animate/Animate. All related react component will be updated. You can check progress here: ant-design/ant-design#19169

@Indigo744
Copy link

@zombieJ and what about AntD mobile?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants