react 显示隐藏组件的方法_隐藏/显示组件在ReactJs本土

George KaganCrysfel提出了一个问题:Hide/Show components in react native,或许与您遇到的问题类似。

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 (

onPress={this.toggleCancel()}>

Cancel

);

} else {

return null;

}

},

render: function () {

return (

onFocus={this.toggleCancel()}

onChangeText={(text) => this.doSearch({input: text})} />

{this._renderCancel()}

);

}

});

希望本文对你有帮助,欢迎支持JavaScript中文网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值