大佬教程收集整理的这篇文章主要介绍了传递 console.log 时,Antd Table onChange 事件不起作用,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
当 console.log 作为事件处理程序传递给表的 onChange 时,不会触发该事件。
@H_874_4@<table
rowKey={(record) => record.ID}
columns={columns}
datasource={getData(pagE)}
pagination={{ current: page,@R_73_10586@l: 100,pageSize: 20 }}
onChange={Console.log}
/>
但是当将 console.log 的函数作为参数传递时,会触发该事件。
@H_874_4@<table
rowKey={(record) => record.ID}
columns={columns}
datasource={getData(pagE)}
pagination={{ current: page,pageSize: 20 }}
onChange={(...args) => console.log(...args)}
/>
知道为什么会这样吗?
示例代码:https://codesandbox.io/s/blissful-wescoff-fzm4y?file=/src/App.js
当 onChange={Console.log}
时,您指向 React 中的 disabledLog
。
当调用 onChange()
时,事件 React 具有 reenableLogs()
,但您仍然指向 disabledLog
,它不会向控制台记录任何内容。
传递 (...args) => console.log(...args)
时,您已经创建了一个指向 console
的闭包点。
https://github.com/facebook/react/blob/HEAD/packages/shared/ConsolePatchingDev.js
,console.log
是一个函数,因此要调用它,您必须添加 ()
并为它提供参数,就像我们对其他函数所做的一样。
以上是大佬教程为你收集整理的传递 console.log 时,Antd Table onChange 事件不起作用全部内容,希望文章能够帮你解决传递 console.log 时,Antd Table onChange 事件不起作用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。