diff --git a/src/component/YooLogin.js b/src/component/YooLogin.js
index be7e6ac..0866599 100644
--- a/src/component/YooLogin.js
+++ b/src/component/YooLogin.js
@@ -4,9 +4,34 @@ import YooLoginUI from '../ui/YooLoginUI';
 export default class YooLogin extends Component {
   constructor(props) {
     super(props);
+    this.state = {
+      username: '',
+      password: '',
+    };
+    this.setUsername = this.setUsername.bind(this);
+    this.setPassword = this.setPassword.bind(this);
+    this.login = this.login.bind(this);
   }
 
+  setUsername(value) {
+    this.setState({username: value});
+  }
+
+  setPassword(value) {
+    this.setState({password: value});
+  }
+
+  login(onFail) {}
+
   render() {
-    return <YooLoginUI />;
+    return (
+      <YooLoginUI
+        username={this.state.username}
+        password={this.state.password}
+        setUsername={this.setUsername}
+        setPassword={this.setPassword}
+        loginCallback={this.login}
+      />
+    );
   }
 }