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

Merge pull request #910 from bvaughn/rename-gdsfp-params

Browse Source 
Renamed gDSFP params
This commit is contained in:
Brian Vaughn
2018-05-24 18:24:17 -07:00
committed by GitHub
parent ee4c4fa708 3e80980c18
commit db71d03183
5 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
content/docs/reference-react-component.md
View File

@@ -186,7 +186,7 @@ If you "fork" props by using them for state, you might also want to implement [`
### `static getDerivedStateFromProps()`
```js
static getDerivedStateFromProps(nextProps, prevState)
static getDerivedStateFromProps(props, state)
```
`getDerivedStateFromProps` is invoked right before calling the render method, both on the initial mount and on subsequent updates. It should return an object to update the state, or null to update nothing.

2
examples/update-on-async-rendering/definition-getderivedstatefromprops.js
View File

@@ -1,5 +1,5 @@
class Example extends React.Component {
static getDerivedStateFromProps(nextProps, prevState) {
static getDerivedStateFromProps(props, state) {
// ...
}
}

6
examples/update-on-async-rendering/updating-external-data-when-props-change-after.js
View File

@@ -5,13 +5,13 @@ class ExampleComponent extends React.Component {
};
// highlight-range{1-13}
static getDerivedStateFromProps(nextProps, prevState) {
static getDerivedStateFromProps(props, state) {
// Store prevId in state so we can compare when props change.
// Clear out previously-loaded data (so we don't render stale stuff).
if (nextProps.id !== prevState.prevId) {
if (props.id !== state.prevId) {
return {
externalData: null,
prevId: nextProps.id,
prevId: props.id,
};
}

11
examples/update-on-async-rendering/updating-state-from-props-after.js
View File

@@ -8,13 +8,12 @@ class ExampleComponent extends React.Component {
lastRow: null,
};
// highlight-range{1-8}
static getDerivedStateFromProps(nextProps, prevState) {
if (nextProps.currentRow !== prevState.lastRow) {
// highlight-range{1-7}
static getDerivedStateFromProps(props, state) {
if (props.currentRow !== state.lastRow) {
return {
isScrollingDown:
nextProps.currentRow > prevState.lastRow,
lastRow: nextProps.currentRow,
isScrollingDown: props.currentRow > state.lastRow,
lastRow: props.currentRow,
};
}

2
examples/update-on-async-rendering/using-react-lifecycles-compat.js
View File

@@ -4,7 +4,7 @@ import {polyfill} from 'react-lifecycles-compat';
class ExampleComponent extends React.Component {
// highlight-next-line
static getDerivedStateFromProps(nextProps, prevState) {
static getDerivedStateFromProps(props, state) {
// Your state update logic here ...
}
}