Hide/Show components in react native

Question

I\'m really new to React Native and I\'m wondering how can I hide/show a component.
Here\'s my test case:

Answer 1

checkincheckout = () => {
        this.setState({ visible: !this.state.visible })
}

render() {
        return (
{this.state.visible == false ?
        

        

             this.checkincheckout()}>

                Click to Check in

            

        

    
:




    this.checkincheckout()}>

        Click to Check out

    




 }

);
}

thats all. enjoy your coding...