Antd Switch 结合表单 有时候不方便

2020-02-19  本文已影响0人  王善良_

有时候后端给我们的字段名叫locked,或者叫isLocked,
这个字段为true的话,对应Switch里面的checked就是false
刚好反着来,很难受,而且还要回显

试过form的valuePropName和normalize,结合后还是哪里有问题
算了自己包一层吧

class SwitchWrapper extends PureComponent {
  handleSwitch = (checked, e) => {
    const { onChange } = this.props;
    onChange && onChange(!checked);
  };
  render() {
    return <Switch checked={!this.props.value} onChange={this.handleSwitch} />;
  }
}

上一篇下一篇

猜你喜欢

热点阅读