他に帰ってきた場合の書き込み方法ネイティブ

Question

あなたはうまくいきたいと思います。

私はちょっとした問題に悩まされています。条件が満たされた場合にのみタグを渡したいと思っています。 EX用

：

render(
    return(
    <View> 
     { 
      if(data==='test') 
      { 
       <Text>Hello this is Test Execution </Text> 
      } 
     } 
    </View> 
    ) 
) 

iは正確に上記の例のようにやりたいです。

私は何をすべきか理解できませんので、私に手伝ってください。

ありがとうございました

Answer 1

短く、安全な方法は、三項演算子を使用し、falseの場合nullをレンダリングするために、次のようになります。

{ data === 'test' ? <Text>Hello this is Test Execution </Text> : null } 

Answer 2

オプションでテキストをレンダリングする関数を記述する必要があります。

renderText(data) { 
     if (data === 'test') { 
     return <Text>Hello this is Test Execution </Text>; 
     } 
    } 
    render() { 
     return(
      <View> 
       {this.renderText(data)} 
      </View> 
    ); 
    } 

Answer 3

あなたはこの試みることができる：

render(
    return(
    <View> 
     { (data==='test') && <Text>Hello this is Test Execution </Text>} 
    </View> 
    ) 
) 

をしかし、私は、次の構文をお勧めしたい：

render(
    if (data === 'test') { 
    return (
     <View> 
      <Text>Hello this is Test Execution </Text> 
     <View> 
    ) 
    } 

    return null; 
) 

Answer 4

あなたはあなたが試すことができ、この

return(){ 
    <View> 
    {data === 'test' && <Text>Hello this is Test Execution </Text>} 
    </View> 
} 

Answer 5

のように行うことができますlike

{(data === 'test') && <Text>Hello this is Test Execution</Text>} 

希望すると、これが役立ちます。