react 解决antd之Switch 无法动态修改defaultChecked的属性值的办法

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