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} />
  	)
}
Logo

鸿蒙生态一站式服务平台。

更多推荐