if ... if else in React Native

Question

これは、ネイティブに反応する新しいです。私のアプリケーションでは、私は条件に基づいてビューを表示しているif..elseの状態についています。ここにコードがあります。私のログインページで

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

私はパスワードを忘れた場合のリンクを持っていると私はisSignUpブール値に基づいて、モーダルページを示していたためにページをサインアップ。私は、条件に基づいてモーダルページにテキストを表示しようとしているjusですが、私は下のエラーで立ち往生しています。 私はこれを正しい方法でやっているのか誰にでも教えてもらえますか？どんな助けもありがとうございます。ありがとうございました。

Answer 1

条件付きレンダリングでは、新しい関数を作成することをお勧めします。関数の中では、通常のように/ elseを使うことができます。例：

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

Answer 2

このようなものを試してみてください。

let text; 
    if (this.state.isSignUp) { 
     text = <Text> Sign Up </Text> 
    } else { 
     text = <Text> Forgot Password </Text> 
    } 
    return text;