让我们制作一个漂亮的 React 组件,单击时将文本复制到剪贴板。它在末尾显示一个复制图标,表示您可以与文本交互,悬停时它会变得更亮,单击时,复制图标会变成复选图标。
该组件接收与组件相同CopyText的属性以及应包含要复制的文本的属性。要了解有关可重用组件的更多信息,请查看这篇文章。
import {
Text } from "lib/ui/Text"
import {
CopyIcon } from "./icons/CopyIcon"
import styled from