react 解决antd之Switch 无法动态修改defaultChecked的属性值的办法
react 解决antd之Switch 无法动态修改defaultChecked的属性值的办法问题描述:有时候Switch是开还是关,是需要由网络请求时,后台返回的数据来控制的,因此Switch的defaultChecked属性值必须是变量。(然而当数据更新之后重新请求接口数据变了,页面没有刷新,Switch的状态没有变)解决办法:为Switch组件新增一个key属性,并且key的属性值和defa
·
react 解决antd之Switch 无法动态修改defaultChecked的属性值的办法
问题描述:
有时候Switch是开还是关,是需要由网络请求时,后台返回的数据来控制的,因此Switch的defaultChecked属性值必须是变量。(然而当数据更新之后重新请求接口数据变了,页面没有刷新,Switch的状态没有变)
解决办法:
为Switch组件新增一个key属性,并且key的属性值和defaultChecked的属性值保持一致,也就是说这两个的属性值是同一个变量 即可解决该问题。简单举个例子
render() {
var switchStatus = this.state.zeroSwitch;// true,false
return (
<Switch key={switchStatus} defaultChecked={switchStatus} onChange={this.onSwitchChange} />
)
}
更多推荐
已为社区贡献1条内容
所有评论(0)