/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

4 votes324 views1 answer
React router history push parameter
Javascript React
0 vote313 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
1 vote330 views1 answer
Handling scrolling on react router transitions
Javascript React
0 vote330 views1 answer
Settimeout react native focus text input
Javascript React
1 vote348 views1 answer
React create list of components
Javascript React
1 vote289 views2 answers
React capitalize first letter
Javascript React
1 vote325 views1 answer
How to create round image in react native
Javascript React
0 vote313 views1 answer
Image continuous changing div react
Javascript React
0 vote301 views1 answer
React-chartjs-2
Javascript React
64 votes294 views6 answers
Router react
Javascript React