Fix I/F

s4kr4 · Jun 14, 2017 · 53bc1d0 · 53bc1d0
1 parent 8e05899
commit 53bc1d0
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 8 deletions.
diff --git a/examples/src/App.js b/examples/src/App.js
@@ -5,19 +5,33 @@ import './App.css';
 import InputShortcut from 'react-input-shortcut';
 
 class App extends Component {
+  constructor() {
+    super()
+    this.state = {
+      text: ''
+    }
+  }
+
+  handleSubmit() {
+    console.log(this.state);
+  }
+
   render() {
     return (
       <div className="App">
         <div className="App-header">
           <img src={logo} className="App-logo" alt="logo" />
           <h2>Test of "react-input-shortcut"</h2>
         </div>
-        <div>
-          Alphabet + Number: <InputShortcut allowNumber />
-        </div>
-        <div>
-          Alphabet Only: <InputShortcut />
-        </div>
+        <form action="javascript:void(0)" onSubmit={this.handleSubmit.bind(this)}>
+          <div>
+            Alphabet + Number: <InputShortcut name="number" allowNumber />
+          </div>
+          <div>
+            Alphabet Only: <InputShortcut name="alphabet" value={this.state.text} />
+          </div>
+          <button type="submit">SUBMIT</button>
+        </form>
       </div>
     );
   }

diff --git a/src/InputShortcut.js b/src/InputShortcut.js
@@ -101,9 +101,11 @@ export default class InputShortcut extends Component {
   render() {
     return (
       <input
+        type="text"
         className="InputShortcut"
-        ref={ (ref) => this.input = ref }
-        value={ this.state.textValue } />
+        name={this.props.name}
+        ref={(ref) => this.input = ref}
+        value={this.state.textValue} />
     )
   }
 }