AntD 表格的 onClick 方法默认是适用于每一行数据的，如果希望用户在点击某一行数据时跳转到其他路由，可以通过使用 react-router 的 history.push 方法实现。 示例代码：

import { Table } from 'antd';
import { useHistory } from 'react-router-dom';

const dataSource = [
  {
    key: '1',
    name: 'John Brown',
    age: 32,
    address: 'New York No. 1 Lake Park',
  },
  {
    key: '2',
    name: 'Jim Green',
    age: 42,
    address: 'London No. 1 Lake Park',
  },
  {
    key: '3',
    name: 'Joe Black',
    age: 32,
    address: 'Sidney No. 1 Lake Park',
  },
];

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
    render: (text, record) =>  handleClick(record)}>{text},
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
  },
];

const TableWithLink = () => {
  const history = useHistory();

  const handleClick = (record) => {
    history.push(`/details/${record.key}`);
  };

  return ;
};
在该示例中，我们在 columns 中将 Name 列以 Link 形式渲染，并通过 handleClick 方法在用户点击时跳转到其他路由，具体实现可参考 handleClick 方法。

                
                            

                

                    上一篇：Antd表格的搜索和重置功能无法正常使用



                
                

                    下一篇：Antd表格分页后排序不正确

                
            

                
                
相关内容
                
            

                
            

        
        

            
            

                
                

                    
                    

                        
                        热门资讯
                        
                    
                    
                
                
            
            
            
            


                                
                

                    
                    

                        

                    
                    
                    
                    

                        了解透视！pokemomo辅助...
                        了解透视！pokemomo辅助软件，微乐河南家乡麻将辅助脚本，策略教程（有挂猫腻）-哔哩哔哩1、po...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        普及透视！wepoker-h5...
                        普及透视！wepoker-h5下载，微乐如何自己建脚本，举措教程（有挂存在）-哔哩哔哩1、wepok...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        揭露透视！epoker底牌透视...
                        揭露透视！epoker底牌透视，微乐辅助靠谱麻，资料教程（有挂透明挂）-哔哩哔哩1、玩家可以在epo...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        总结透视！wepoker免费脚...
                        总结透视！wepoker免费脚本咨询，微乐自建房脚本如何下载，资料教程（有挂攻略）-哔哩哔哩1.we...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        揭露透视！哈糖大菠萝可以开挂吗...
                        揭露透视！哈糖大菠萝可以开挂吗，微乐多乐跑作弊，大纲教程（有挂透视）-哔哩哔哩1、哈糖大菠萝可以开挂...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        关于透视！wpk模拟器，微乐小...
                        关于透视！wpk模拟器，微乐小程序自建房透视，绝活儿教程（真实有挂）-哔哩哔哩暗藏猫腻，小编详细说明...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        详情透视！wepoker私人局...
                        详情透视！wepoker私人局透视，微乐兰州麻将小程序辅助，讲义教程（有挂方略）-哔哩哔哩详情透视！...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        解谜透视！来玩app破解，微乐...
                        解谜透视！来玩app破解，微乐小程序微乐家乡辅助器，阶段教程（真实有挂）-哔哩哔哩1、这是跨平台的来...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        解密透视！pokemmo辅助器...
                        解密透视！pokemmo辅助器脚本下载，微信小程序微乐破解器2024，总结教程（有挂透视）-哔哩哔哩...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        总结透视！wepokerplu...
                        总结透视！wepokerplus开挂，陕西微乐挖坑控制器，大纲教程（确实有挂）-哔哩哔哩1、这是跨平...
                    
                    
                
                
            
            
        
        
    

    
    

        
        

            2026 ©
            鲨鱼编程鲨鱼网街坊资讯一品科技        
        
        
        

                        

                程序开发
            
                        

                科技动态