Ant Design 多选没有清除原因

Posted winyh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ant Design 多选没有清除原因相关的知识,希望对你有一定的参考价值。

https://blog.csdn.net/weixin_33940102/article/details/88596485

clearCheck = () => { // 处理勾选数据后清空勾选
    this.setState({
        selectedRowKeys: []
    })
}
render () {
    const rowSelection = {
        onChange: (selectedRowKeys) => {
            this.setState({
                selectedRowKeys,
            })
        }
    }
}

  

this.state = {
    selectedRowKeys: []
}
clearCheck = () => { // 处理勾选数据后清空勾选
    this.setState({
        selectedRowKeys: []
    })
}
render () {
    const rowSelection = {
        selectedRowKeys, //这里是起作用的关键
        onChange: (selectedRowKeys) => {
            this.setState({
                selectedRowKeys
            })
        }
    }
}

  

标红加粗的地方是关键。

rowSelection 是一个对象,selectedRowKeys 是该对象下初始选择项的配置

以上是关于Ant Design 多选没有清除原因的主要内容,如果未能解决你的问题,请参考以下文章

React开发(189):ant design textarea允许清除allowClear

React开发(261):react项目理解 ant design 控制多选

React开发(108):ant design多选框checbox

Ant Design 中覆盖组件样式

用ant-design在react js中提交后清除表单输入字段值

ant design Modal关闭时清除数据的解决方案