ReactNativeのTextInputの{text}が理解できない

Question

前提・実現したいこと

ReactNativeでログイン画面を作成しようとしています。

わからないこと

ソースコードを見ながらTextInputを実装しているのですが、{text}というものが出てきて
それが理解できません。呼び出し元のプロパティにtextというものを指定していないのに、なぜ値が入るのでしょうか。

該当のソースコード

const Input = ({onChangeText, icon, style, text, label,iconPosition, error, ...props}) => {

    const [focused, setFocused] = React.useState(false);
    

    const getFlexDirection = () =>{

        if(icon && iconPosition){
            if(iconPosition==="left"){
                return "row";
            }
            else if(iconPosition==="right"){
                return "row-reverse";
            }
        }
    };

    const getBorderColor=()=>{
        if(error){
            return colors.danger;
        }
        if(focused){
            return colors.primary;
        }
        
        else{
            return colors.grey;
        }
    }
    return (
        <View style={styles.inputContainer}>
            {label && <Text>{label}</Text>}
            <View style={[styles.wrapper,{alignItems:icon ? 'center':'baseline' },{borderColor:getBorderColor(),flexDirection: getFlexDirection()}]}>
            <View>{icon && icon}</View>
                <TextInput
                    style={styles.textInput}
                    onChangeText={onChangeText}
                    value={text}
                    onFocus={()=>{setFocused(true)}}
                    onBlur={()=>{setFocused(false)}}
                    {...props}
                />
            </View>
            
            {error && <Text style={styles.error}>{error}</Text>}
        </View>
    )
}



export default Input

呼び出し元

<Input
    label="email"
    iconPosition="right"
    placeholder="Enter Email"
    onChangeText={(value)=>{
    onChange({name: "email", value})
    }}>

試したこと

呼び出し元のInputにtext="test"といれてみると、
TextInputに入力すると常に"test"が入るようになり、ますます意味がわかりません。

Answer 1

すみません。
textではなくてvalueでした。
ただのスペルミスでした。

Answer 2

Inputコンポーネントのpropとしてtextを渡しているからとしか答えようがありませんが、何がわからないのでしょうか？

const Input = ({onChangeText, icon, style, text, label,iconPosition, error, ...props}) => {

Comments

[shuhei-o]

すみません。
textではなくてvalueでした。
ただのスペルミスでした。