ant design pro 在proTable 中使用 switch ，列表自动刷新值不变

最新推荐文章于 2023-11-19 21:20:50 发布

oXiaoRenWu001

最新推荐文章于 2023-11-19 21:20:50 发布

阅读量1k

点赞数 2

文章标签： react ant design pro Powered by 金山文档

本文链接：https://blog.csdn.net/itnobody/article/details/128918729

版权

第一种

<Switch
            key={`${row.id}_${row.status}`}    // key  跟随 状态的变化而变化， 列表reload 时候，switch 会重新渲染
            checkedChildren="开启"
            unCheckedChildren="关闭"
            disabled={row.status ? true : false}
            defaultChecked={row.status}
            onChange={(value) => {
              changeStatusHandle(row.id, value);
            }}
          />,

第二种

<Switch
            key={`${row.id}`}
            checkedChildren="开启"
            unCheckedChildren="关闭"
            checked={row.status ? true : false}  //使用checked 来判断 switch 的选中状态
            onChange={(value) => {
              changeStatusHandle(row.id, value);
            }}
          />,