美文网首页
Antd Switch 结合表单 有时候不方便

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

作者: 王善良_ | 来源:发表于2020-02-19 16:28 被阅读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} />;
      }
    }
    
    

    相关文章

      网友评论

          本文标题:Antd Switch 结合表单 有时候不方便

          本文链接:https://www.haomeiwen.com/subject/enbafhtx.html