/Javascript/React/Return <Text> using if condition react native

Return <Text> using if condition react native

Return using if condition react native

constructor() {
   super();

   this.state ={
     status:true
   }
}

render() {
   return( 

     { this.state.status === true ?
           <TouchableHighlight onPress={()=>this.hideView()}>
             <View style={styles.optionView}>
               <Text>Ok Fine :)</Text>
             </View>
          </TouchableHighlight>
           :
           <Text>Ok Fine.</Text>
     }
  );
}

hideView(){
  this.setState({
    home:!this.state.status
  });
}

Source: stackoverflow.com

Similar codes

2 votes108 views2 answers
How to change react icon color
Javascript React
-2 votes72 views1 answer
React timepicker example
Javascript React
0 vote106 views1 answer
React native text input right
Javascript React
7 votes137 views3 answers
Conditional style prop react
Javascript React
0 vote113 views1 answer
Application/ld+json react
Javascript React
0 vote102 views1 answer
Telerik grid data automatically scroll to particular record in react
Javascript React
0 vote102 views2 answers
Disable a button react
Javascript React
2 votes104 views4 answers
Can't perform a React state update on an unmounted component
Javascript React
19 votes98 views6 answers
React native build android apk
Javascript React
2 votes109 views1 answer
How to import lodash in react
Javascript React