Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Migrate to new lifecycle methods
See original GitHub issueReact 16.3 will introduce a StrictMode which will fires deprecation warnings for componentWillMount, componentWillUpdate, componentWillReceiveProps. We should migrate antd’s components to the new API, ~react-af can be a good start.~
- Example use antd with StrictMode https://codesandbox.io/s/xvrw82m6qw
- React 16.3 https://github.com/facebook/react/issues/12152
Here is a todo list, if you have interest in helping, drop a comment below.
- Alert
- Anchor @natanielcz
- AutoComplete maybe this one needn’t to update?
- Avatar
- BackTop
- Badge
- Breadcrunmb
- Button @natanielcz
- Calendar @natanielcz
- Card
- Carousel https://github.com/akiran/react-slick/commit/97988e897750e1d8f7b10a86b655f50d75d38298
- Cascader
- Checkbox
- Collapse https://github.com/react-component/collapse/pull/129
- DatePicker
- Divider
- Dropdown @klymenko-serhii
- Form waitting for upgrade of form https://github.com/react-component/form/pull/355
- Grid
- Icon
- Input @natanielcz
- InputNumber https://github.com/react-component/input-number/pull/194
- Layout
- List
- LocaleProvider
- Mention
- Menu @picodoth https://github.com/react-component/menu/pull/147
- Message waitting for upgrade of animate
- Modal https://github.com/react-component/dialog/pull/135
- Notification waitting for upgrade of animate
- Pagination waitting for upgrade of pagination
- Popconfirm
- Popover
- Progress maybe this one needn’t to update?
- Radio waitting for upgrade of checkbox
- Rate https://github.com/react-component/rate/pull/18
- Select @yutingzhao1991 https://github.com/react-component/select/pull/291
- Slider waitting for https://github.com/react-component/slider/pull/591
- Spin waitting for upgrade of animate
- Steps
- Switch https://github.com/react-component/switch/pull/36
- Table @yesmeck
- Tabs https://github.com/react-component/tabs/pull/213
- Tag
- TimePicker https://github.com/react-component/time-picker/pull/164
- Timeline maybe this one needn’t to update?
- Tooltip
- Transfer waitting for upgrade of Input, Button, animate
- Tree @zombieJ
- TreeSelect @zombieJ
- Upload
Issue Analytics
- State:
- Created 5 years ago
- Reactions:82
- Comments:107 (59 by maintainers)
Top Results From Across the Web
Migrating From Unsafe React Lifecycle Hooks. - Medium
New lifecycle : getSnapshotBeforeUpdate Together with componentDidUpdate , this new lifecycle should cover all use cases for the legacy ...
Read more >Explain new lifecycle methods in React v16.3 - GeeksforGeeks
React 16.3 has introduced two new lifecycle methods: getDerivedStateFromProps(); getSnapshotBeforeUpdate(). Creating a React Application: Step 1 ...
Read more >React lifecycle methods: An approachable tutorial with examples
Learn all about React lifecycle methods for mounting, updating, unmounting, and error handling, including new methods as of React 17.
Read more >React v16.3.0: New lifecycles and context API
A few days ago, we wrote a post about upcoming changes to our legacy lifecycle methods, including gradual migration strategies.
Read more >Migrating to the new React Lifecycle methods - Tubi Engineering
In this post, we share learnings on migrating our React Component life cycle methods. As part of v16. 3.0, the React team will...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
In favor of react-component/form#355 and react-component/animate#82, we finally fixed all react lifecycle warnings!!! ✌️😊🎉 There is no warnings anymore now, thx to all contributors and your effects have made in this issue. 🤝
ref https://github.com/ant-design/ant-design/pull/19643
Animate is also throwing this error