Browse Source

add input text

itizawa 6 years ago
parent
commit
c1b870b229
1 changed files with 19 additions and 1 deletions
  1. 19 1
      src/client/js/components/Admin/Users/UserInviteModal.jsx

+ 19 - 1
src/client/js/components/Admin/Users/UserInviteModal.jsx

@@ -15,15 +15,28 @@ class UserInviteModal extends React.Component {
     super(props);
 
     this.state = {
+      email: '',
     };
 
     this.handleSubmit = this.handleSubmit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
   }
 
   handleSubmit() {
     console.log('push submit');
   }
 
+  handleChange(event) {
+    const target = event.target;
+    const value = target.type === 'checkbox' ? target.checked : target.value;
+    const name = target.name;
+
+    this.setState({
+      [name]: value,
+    });
+  }
+
+
   render() {
     const { t } = this.props;
 
@@ -36,8 +49,13 @@ class UserInviteModal extends React.Component {
         </Modal.Header>
         <Modal.Body>
           <label> { t('user_management.emails') }</label>
-          <FormControl
+          <input
+            id="email"
+            name="email"
+            className="form-control"
             placeholder="e.g. user@growi.org"
+            value={this.state.email}
+            onChange={this.handleChange}
           />
         </Modal.Body>
         <Modal.Footer className="d-flex">