作用域 onclick为例

最新推荐文章于 2023-09-23 11:46:01 发布

就是不吃饭鸭

最新推荐文章于 2023-09-23 11:46:01 发布

阅读量196

点赞数

分类专栏： JavaScript 文章标签：前端 javascript

本文链接：https://blog.csdn.net/qq_34108428/article/details/125896947

版权

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

table中的某一列

{
							title: '栏目图片',
							align:'center',
							width: 300,
							dataIndex: 'fileUrl',
							className: 'fileUrl-box',
							render: (text, record) => <>
							<div className="fileUrl-box-wrapper">
								<Image
									src={text}
									className='upload'
								/>
								<div className='upload-button' onClick={()=>{changeFileUrl(record, 1)}} >
										<span className='upload-content' style={{color: '#888', marginLeft: '10px'}}>
												<UndoOutlined />恢复默认
										</span>
								</div>
							</div>
							</>
					},

这里的onClick={()=>{changeFileUrl(record, 1)}} 加了箭头函数指代就是单纯的div
如果写成 onClick={changeFileUrl(record, 1)} 此时函数的作用域就是表格的每一行，当鼠标滑过不同行都会调用函数