react技术开发后台管理系统
要实现的功能是,点击复制图标,复制后面的ID
首先,引入copy
import copy from 'copy-to-clipboard';
然后定义方法
const spanRef = useRef(null);
function handleCopyClick() {
const textToCopy = spanRef.current.innerText;
copy(textToCopy);
message.success('复制成功!');
}
然后调用该方法
<div onClick={handleCopyClick} >
<div ref={spanRef}><CopyTwoTone />{item.meetingId}</div>
</div>
前台实现效果,如下图