React Antd Table 数据渲染按钮触发onClick事件解决办法

react在渲染时会触发table里面的rander函数下的onClick方法 我的onClick是触发Modal 弹窗 且close后还是会一直触发Modal弹窗
初始代码如下

 {
            title: '操作',
            key: 'operation',
            fixed: 'right',
            width: 100,
            render: (item) => <Button type="link" onClick={showModal(item)}>编辑</Button>,
        }

解决办法:在onClick中修改为箭头函数

{
            title: '操作',
            key: 'operation',
            fixed: 'right',
            width: 100,
            render: (item) => <Button type="link" onClick={()=>showModal(item)}>编辑</Button>,
        },

posted @ 2023-12-21 10:52  Chaplink  阅读(275)  评论(0编辑  收藏  举报