feat: allow to make inputs uncontrolled with defaultValue (#1068)

callstack · May 16, 2019 · 327749f · 327749f
1 parent 6a37dc9
commit 327749f
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/TextInput/TextInput.js b/src/components/TextInput/TextInput.js
@@ -174,7 +174,7 @@ class TextInput extends React.Component<TextInputProps, State> {
     error: new Animated.Value(this.props.error ? 1 : 0),
     focused: false,
     placeholder: this.props.error ? this.props.placeholder : '',
-    value: this.props.value,
+    value: this.props.value || this.props.defaultValue,
     labelLayout: {
       measured: false,
       width: 0,
@@ -187,7 +187,8 @@ class TextInput extends React.Component<TextInputProps, State> {
     if (
       prevState.focused !== this.state.focused ||
       prevState.value !== this.state.value ||
-      prevProps.error !== this.props.error
+      prevProps.error !== this.props.error ||
+      this.props.defaultValue
     ) {
       // The label should be minimized if the text input is focused, or has text
       // In minimized mode, the label moves up and becomes small