react--switch滑动输入条默认属性
滑动输入条页面刷新时只会读取第一次传入的属性值,在没有用传入id获取到正确的默认值时,页面已经被渲染了。
使用默认选中属性defaultChecked 缺点: 只会在页面第一次请求数据的时候按条件渲染
最后解决办法:
按需求来使用属性,如果你需要的只是默认为一个情况,全部false或者true,这个时候用defaultChecked即可
如果界面带有数据,有默认的值需要渲染的话,建议使用checked
状态部分:
constructor(props) { super(props) this.state = { curIstop: false, switchIsChange: "" } }
方法部分:
handleIsTop = (e, type) => { this.setState({ curIstop: e, switchIsChange: true }) }
render部分:
<Switch
onChange={(e) => this.handleIsTop(e)} checked={this.state.switchIsChange ? this.state.curIstop : !!getNotice.istop}
/>