Renamed params for gDSFP

examples/update-on-async-rendering/definition-getderivedstatefromprops.js

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

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

@@ -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,
       };
     }
 

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

@@ -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,
       };
     }
 

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

@@ -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 ...
   }
 }