react-antd实现可编辑表格，带选择器

https://ant.design/components/table-cn/#components-table-demo-edit-cell

这个简单，自己render渲染即可

{
      title: 'name',
      dataIndex: 'name',
      width: '25%',
      render: (text, record) => (
        <Select dropdownClassName={{width:220}} style={{width:140}} value={text} onChange={(e) => { handleSelect(record.key, e) }}>
          {selectData}
        </Select>
      )
}

然后选中函数这样写

function handleSelect(key, value) {
    const data = [...dataSource];
    let dataList = data.filter(item => true);

    for (const element of dataList) {
      if (element.key === key) {
        element.comparator = value
      }
    }
    setDataSource((preState) => (dataList))

  }