共计 514 个字符,预计需要花费 2 分钟才能阅读完成。
问题描述:如上图所示,ant.design 中使用 Table 中的 rowSelection 单选框功能;在勾选了数据之后进行操作后重新请求数据,发现新的数据仍然被勾选,我们希望看到的效果当然是刷新数据后勾选取消掉,毕竟是新数据嘛。。。
首先是在官网上照着写的一个方法:原代码:
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
})
}
}
}
正文完
发表至: javascript
2019-02-23