Javascript 将文本复制到剪贴板时的反馈

我有一个React组件，它将文本复制到剪贴板。 将文本复制到剪贴板时，如何向用户提供反馈

export default function Share() {
  return (

      <button
        title="Share"
        type="button"
        onClick={() =>
          navigator.clipboard.writeText("Copy text")
        }
      > Share
      </button>
  );
}

导出默认函数共享（）{
返回(
navigator.clipboard.writeText（“复制文本”）
}
>分享
);
}

您可以显示警报

export default function Share() {
    return (
        <button
            title="Share"
            type="button"
            onClick={() => {
                navigator.clipboard.writeText('Copy text').then(() => {
                    alert('Text copied to clipboard');
                });
            }}
        >
            Share
        </button>
    );
}

导出默认函数共享（）{
返回(
{
navigator.clipboard.writeText（'Copy text'）。然后（（）=>{
警报（“文本复制到剪贴板”）；
});
}}
>
共有
);
}

警报实际上与剪贴簿中的副本弄乱了。我刚刚看到writeText函数return promise，编辑了代码以等待警报完成。