amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-22 11:52:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added side effects props change example

Browse Source
This commit is contained in:
Brian Vaughn
2018-03-28 10:27:36 -07:00
parent 95f2a184d0
commit 6afbc7b56e
3 changed files with 31 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
examples/update-on-async-rendering/side-effects-when-props-change-after.js Normal file
View File

@@ -0,0 +1,9 @@
// After
class ExampleComponent extends React.Component {
// highlight-range{1-5}
componentDidUpdate(prevProps, prevState) {
if (this.props.isVisible !== prevProps.isVisible) {
logVisibleChange(this.props.isVisible);
}
}
}

9
examples/update-on-async-rendering/side-effects-when-props-change-before.js Normal file
View File

@@ -0,0 +1,9 @@
// Before
class ExampleComponent extends React.Component {
// highlight-range{1-5}
componentWillReceiveProps(nextProps) {
if (this.props.isVisible !== nextProps.isVisible) {
logVisibleChange(nextProps.isVisible);
}
}
}