【原创】点击图标复制后面的ID如何实现

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>

前台实现效果，如下图