剪贴板按钮

此组件已弃用。请改用“@wordpress/compose”包中的“useCopyToClipboard”挂钩。

使用剪贴板按钮,用户只需单击或轻触即可复制文本(或其他元素)。

剪贴板按钮组件

用法

从'react'导入{useState};从“@wordpress/components”导入{ClipboardButton};const MyClipboardButton=()=>{const[hasCopied,setHasCopied]=使用状态(false);返回(<剪贴板按钮variant=“主要”text=“要复制的文本。”onCopy={()=>设置已复制(true)}onFinishCopy={()=>设置已复制(false)}>{hasCopied?'已复制!':'复制文本'}</剪贴板按钮>);};

道具

组件接受以下道具:

类名

将添加到基础类中的类<按钮>组件。

  • 类型:一串
  • 必需:否

文本

将复制到剪贴板的文本。

  • 类型:一串
  • 必需:是

onCopy上

复制文本时将调用的函数。

-类型:()=>无效
-必需:是

完成副本时

复制文本和复制动画完成时将调用的函数。

-类型:()=>无效
-必需:否

继承的道具

任何额外的道具都将传递给基础<按钮/>组件。请参阅按钮组件获取有关可用道具的更多详细信息。