if else condition inside react native return

1If you want to render the element conditionally then use ternary operator, like
2this:
3
4render() {
5    return (   
6        <View style={styles.container}>
7            {this.state.value == 'news'? <Text>data</Text>: null }
8        </View>
9    )
10}
11
12Another option is, call a function from jsx and put all the if-else logic inside
13that, like this:
14
15renderElement(){
16   if(this.state.value == 'news')
17      return <Text>data</Text>;
18   return null;
19}
20
21render() {
22    return (   
23        <View style={styles.container}>
24            { this.renderElement() }
25        </View>
26    )
27}
28
29If you want to render the element conditionally then use ternary operator, like 
30this:
31
32render() {
33    return (   
34        <View style={styles.container}>
35            {this.state.value == 'news'? <Text>data</Text>: null }
36        </View>
37    )
38}
39Another option is, call a function from jsx and put all the if-else logic 
40inside that, like this:
41
42renderElement(){
43   if(this.state.value == 'news')
44      return <Text>data</Text>;
45   return null;
46}
47
48render() {
49    return (   
50        <View style={styles.container}>
51            { this.renderElement() }
52        </View>
53    )
54}

1renderConditionalText() {
2    if (this.state.isSignUp) {
3        return <Text> Sign Up </Text>;
4    }
5     return <Text> Forgot Password </Text>; 
6}
7