/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 vote199 views1 answer
React-multi-carousel don't work
Javascript React
0 vote193 views1 answer
Sort by attribute in reactjs
Javascript React
18 votes191 views6 answers
Import svg as react component
Javascript React
0 vote219 views1 answer
React change button color on hover
Javascript React
0 vote198 views1 answer
React detect autofill
Javascript React
0 vote196 views1 answer
How to write unit test cases in react js
Javascript React
0 vote207 views1 answer
React props change
Javascript React
0 vote178 views2 answers
Selected css based on route react
Javascript React
0 vote187 views3 answers
Set bg image in react
Javascript React
0 vote200 views1 answer
Javascript ReactDOM.render
Javascript React