wenn ... sonst Bedingung in React Native

Question

ich neu bin, native reagieren. In meiner Anwendung bin ich fest, wenn .. eine Bedingung, in der ich Ansichten basierend auf einer Bedingung anzeigen. Hier ist der Code.

if ({ this.state.isSignUp }) { 
    <Text> Sign Up </Text> 
} else { 
    <Text> Forgot Password </Text> 
} 

In meiner Login-Seite habe ich die Links Passwort vergessen und Registrieren Seiten, für die ich eine Modal Seite auf isSignUp Bool Wert basierend bin zeigt. Ich versuche gerade, einen Text auf der Modal-Seite basierend auf der Bedingung anzuzeigen, aber ich stehe mit dem unten stehenden Fehler fest. Kann mir jemand sagen, ob ich das richtig mache. Jede Hilfe wird geschätzt. Vielen Dank.

Answer 1

Für bedingtes Rendering würde ich empfehlen, eine neue Funktion zu erstellen. Innerhalb einer Funktion können Sie if/else wie normal verwenden. z.B.

renderConditionalText() { 
    if (this.state.isSignUp) { 
     return <Text> Sign Up </Text>; 
    } 
    return <Text> Forgot Password </Text>; 
} 

Answer 2

Versuchen Sie etwas wie das.