From 5a720434f9e45e113962f86a939100c2f86ec1b3 Mon Sep 17 00:00:00 2001
From: kdxcxs <cx@kdxcxs.com>
Date: Mon, 30 Nov 2020 19:53:52 +0800
Subject: [PATCH] feat: bind input values to logical YooLogin component

---
 src/ui/YooLoginUI.js | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/ui/YooLoginUI.js b/src/ui/YooLoginUI.js
index 08d3651..65dc767 100644
--- a/src/ui/YooLoginUI.js
+++ b/src/ui/YooLoginUI.js
@@ -45,18 +45,6 @@ const styles = StyleSheet.create({
   },
 });
 
-function LoginInput(props) {
-  return props.type === 'username' ? (
-    <TextInput style={styles.input} placeholder={'账号'} maxLength={10} />
-  ) : (
-    <TextInput
-      style={styles.input}
-      placeholder={'密码'}
-      secureTextEntry={true}
-    />
-  );
-}
-
 export default class YooLoginUI extends Component {
   constructor(props) {
     super(props);
@@ -77,8 +65,20 @@ export default class YooLoginUI extends Component {
     return (
       <View style={styles.container}>
         <Image source={require('../../assets/icon.png')} style={styles.logo} />
-        <LoginInput type={'username'} />
-        <LoginInput type={'password'} />
+        <TextInput
+          style={styles.input}
+          placeholder={'账号'}
+          maxLength={10}
+          value={this.props.username}
+          onChangeText={(username) => this.props.setUsername(username)}
+        />
+        <TextInput
+          style={styles.input}
+          placeholder={'密码'}
+          secureTextEntry={true}
+          value={this.props.password}
+          onChangeText={(password) => this.props.setPassword(password)}
+        />
         <TouchableOpacity style={styles.button} onPress={this.onButtonPress}>
           {this.state.loading ? (
             <ActivityIndicator size="large" color="#00ff00" />