input 有 select()
方法,用于选中文字
JS 提供了用于复制的API:document.execCommand("copy")
结合起来就能实现点击按钮复制文本了
const onlineUrlRef = useRef() as MutableRefObject<HTMLInputElement>
const handleCopy = (ref) => {
ref.select()
document.execCommand('copy')
message.success('复制成功')
}
<input
type="text"
className="filename"
value={ImageStore.serverFile.attributes.url.attributes.url}
ref={onlineUrlRef}
readOnly
/>
<Button
type="default"
size="small"
onClick={() => handleCopy(onlineUrlRef.current)}
>
复制
</Button>