react-hooks+antd表格单选有感

Posted 2023-05-04

参考技术A 最近入职了新公司、已经将近2个月了。

之前一直搞vue开发、对react大概有个认知、但是从未做过大型项目

这2个月、边开发项目直接上手react-hooks+antdUI框架

碰到了一个问题

如图、新建弹窗、单选框选中、然后关闭弹窗、再次打开、仍在选中状态、需要清除

希望对你们有帮助、这个问题刚开始纠结在了对象及数组对差异、导致一直无法成功解决。

antd表格排序

import { DndProvider } from ‘react-dnd‘;

import { HTML5Backend } from ‘react-dnd-html5-backend‘;

 

　　<DndProvider backend={HTML5Backend}>

            <Table

              columns={columns}

              locale={{ emptyText: ‘empty‘ }}

              components={this.components}

              dataSource={[]}

              pagination={false}

              onRow={(record, index) => ({

                index,

                record,

                onMouseDown: this.mouseDownRow.bind(this, record),

                moveRow: this.moveRow.bind(this, record),

              })}

            />

          </DndProvider>

 

moveRow = (record, dragKey, hoverKey) => {}

mouseDownRow = (record) => {

    this.dragRow = record;

}