refactor(EditableTextField): declare nextValue variable

Author: landonreed

lib/common/components/EditableTextField.js

@@ -48,20 +48,21 @@ export default class EditableTextField extends Component<Props, State> {
 
   componentWillReceiveProps (nextProps: Props) {
     const {initialValue, isEditing, value} = this.state
-    const valueChanged = this.props.value !== nextProps.value
-    if (value !== nextProps.value && valueChanged && !isEditing) {
+    const {value: nextValue} = nextProps
+    const valueChanged = this.props.value !== nextValue
+    if (value !== nextValue && valueChanged && !isEditing) {
       // Update value if externally changed, but only if the field is not being
       // actively edited. This update accounts for cases where the value this
       // field represents has been updated (perhaps due to a request to the
       // server), but if the user is already editing the field, we don't want to
       // interrupt that input.
-      this.setState({ value: nextProps.value })
+      this.setState({ value: nextValue })
     }
-    if (initialValue !== nextProps.value) {
+    if (initialValue !== nextValue) {
       // Update initial value if externally changed.
       // TODO: investigate whether this conditional case fully accounts for the
       // above conditional.
-      this.setState({ initialValue: nextProps.value })
+      this.setState({ initialValue: nextValue })
     }
   }