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

oXiaoRenWu001

于 2023-02-07 14:52:32 发布

阅读量1.4k

点赞数 2

文章标签： react ant design pro

本文链接：https://blog.youkuaiyun.com/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);
            }}
          />,