Column siguiente:
{ title: "Action", render: (record: ToDoClass) => { //<- this record return ( <Dropdown overlay={menu}> <Button> User <DownOutlined /> </Button> </Dropdown> ) }}, tiene el menu :
const menu = ( <Menu onClick={updateUser}> <Menu.Item key="0" /> <Menu.Item key="1">User 1</Menu.Item> <Menu.Item key="2">User 2</Menu.Item> </Menu> ); debe llamar a la function: updateUser con el record de parámetros de las columns y la key del menu :
const updateUser = ({ key }: { key: React.Key }): void => { //<- need record here console.log(key); };Según la documentación , el accesorio onClick toma una función que toma un objeto { item, key, keyPath, domEvent } . Puede intentar cambiar su _updateUser y el menu a algo como esto:
<Menu onClick={this._updateUser}> ... private _updateUser = ({ item, key }: { item: ToDoClass, key: any }): void => { console.log(item, key); } Aquí hay un ejemplo que creé basado en su código. Tenga en cuenta la diferencia en cómo se asigna onClick . Además, dado item es circular, bloqueará el navegador cuando se imprima.