fix bugs in text input

Madadata · Jul 18, 2016 · 2e95a46 · 2e95a46
1 parent 31f3616
commit 2e95a46
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -13,3 +13,6 @@
 * **onChange**: (text) => () - the function fired every time the input text changes.
 * **width**:    number - width of the search box
 * **height**:   number - height of the search box
+
+## Note
+This Component uses FontAwesome icon. So make sure your project has that included.
diff --git a/src/MDSearchBox.jsx b/src/MDSearchBox.jsx
@@ -18,6 +18,7 @@ class MDSearchBox extends Component {
 
   render() {
     const { width, height } = this.props;
+    const inputOptionalProps = !!this.props.text ? { value: this.props.text } : {};
     const style = { width, height };
     return (
       <div className={styles.container} style={style}>
@@ -30,7 +31,7 @@ class MDSearchBox extends Component {
             placeholder="搜索"
             onChange={this.onChange}
             className={styles.input}
-            value={!!this.props.text || null}
+            {...inputOptionalProps}
           />
         </div>
       </div>