fixed

src/ts/containers/test/PWChange.tsx

@@ -1,6 +1,6 @@
 import *as React from 'react'
 import {
-  Icon, Label, Input,
+  Icon, Label, Input, InputOnChangeData,
   Select, Button
 } from 'semantic-ui-react'
 
@@ -18,9 +18,17 @@ export class PWChange extends React.Component<any, any> {
   constructor(props: any, context: any) {
     super(props, context);
 
+    this.state = {
+      pass:'',
+      passCon:'',
+    }
 
   }
 
+  onSubmit = () => {
+    console.log(this.state);
+  }
+
 
   render() {
 
@@ -28,15 +36,20 @@ export class PWChange extends React.Component<any, any> {
     return (
       <div>
 
-        <Label>  Password  </Label>
+        
-        <Input placeholder='Password' type='password' />
+        <Input label='Password' placeholder='Password' type='password' onChange={
+          (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+            this.setState({ pass: data.value });
+          }} />
         <br />
-        <Label>  Password Confirm  </Label>
+        <Input label='Password Confirm' placeholder='Password Confirm' type='password' onChange={
-        <Input placeholder='Password Confirm' type='password' />
+          (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+            this.setState({ passCon: data.value });
+          }} />
         <br />
 
 
-        <Button>    Submit  </Button>
+        <Button onClick={this.onSubmit}>    Submit  </Button>
         <Button>    Cancel  </Button>
       </div>
     );

src/ts/containers/test/SignIn.tsx

@@ -11,6 +11,14 @@ const options = [{ key: 'southkorea', value: '82', text: 'South Korea(82)' },
 { key: 'unitedstates', value: '1', text: 'United States(1)' }]
 
 
+export interface Props {
+
+}
+
+export interface States {
+  
+}
+
 export class SignIn extends React.Component<any, any> {
   constructor(props: any, context: any) {
     super(props, context);