/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

0 vote133 views1 answer
How to put react compnent to bottom
Javascript React
0 vote139 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
0 vote207 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
0 vote200 views1 answer
React Cache buster
Javascript React
3 votes176 views1 answer
Pass element from child to parent react
Javascript React
0 vote151 views1 answer
React chunk file too large
Javascript React
1 vote182 views1 answer
React multiple event handlers]
Javascript React
0 vote153 views1 answer
React first click not working
Javascript React
0 vote138 views1 answer
Uploading profile pic with react.js node.js express.js REST API to sqlite DB
Javascript React
1 vote145 views1 answer
Image source not working react
Javascript React