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

I would do something like this:

var myComponent = React.createComponent({

    getInitialState: function () {
        return {
            showCancel: false,
        };
    },

    toggleCancel: function () {
        this.setState({
            showCancel: !this.state.showCancel
        });
    }

    _renderCancel: function () {
        if (this.state.showCancel) {
            return (
                
                    
                        Cancel
                    
                
            );
        } else {
            return null;
        }
    },

    render: function () {
        return (
             this.doSearch({input: text})} />
            {this._renderCancel()}          
        );
    }

});