Função de copiar e colar front-end

1. Encapsule a função de cópia

// 复制内容到剪贴板
export const copyToClip = (content: string, tipString = '复制成功') => {
    
    
  const input = document.createElement('input');
  input.setAttribute('value', content);
  document.body.appendChild(input);
  input.select();
  document.execCommand('copy');
  document.body.removeChild(input);
  message.success(tipString);
};

Uso da função de importação:

 onClick={
    
    () => {
    
    
            copyToClip("你要复制的内容");
         }}

2. Copiar para a área de transferência do plug-in

yarn add copy-to-clipboard

usar:

import Copy from 'copy-to-clipboard';

<Button
	onClick={
    
    () => {
    
    
	Copy(pageConfig.link);
	message.success('复制成功');
}}
>
复制链接
</Button>