本機基地動態顯示成功或錯誤輸入

Question

我想有兩個簡單的輸入框。

有一個loginName輸入框和一個密碼輸入框。

目前我將這兩個輸入框的值映射到一個「狀態」。

現在，使用NativeBase。我如何在演示中動態顯示「成功」「錯誤」？ http://nativebase.io/docs/v0.5.9/components#successInputTextbox

Answer 1

傳遞一個道具success相當於通過success={true}

所以，如果你有狀態的變量，比如inputSuccess和inputError，你可以這樣做：

<InputGroup 
    iconRight 
    success={this.state.inputSuccess ? true : false} 
    error={this.state.inputError ? true : false}> 
    <Icon name='ios-checkmark-circle' style={{color:'#00C497'}}/> 
    <Input placeholder='Textbox'/> 
</InputGroup>