react如何将指定内容复制到系统剪切板

在React中，你可以使用`Clipboard.js`库方便地将指定内容复制到系统的剪贴板。首先需要安装这个库，可以使用npm或yarn：

npm install clipboardjs
# 或者
yarn add clipboardjs

然后在组件中导入并使用它：

import ClipboardJS from 'clipboard-js';

class MyComponent extends React.Component {
  // 初始化剪贴板实例
  clipboard = new ClipboardJS('#copyButton');

  handleCopy = () => {
    // 要复制的内容
    const textToCopy = '这里是你要复制的文字';
    
    this.clipboard.on('success', async event => {
      console.log('复制成功:', event.clipboardData);
      alert('文本已复制到剪贴板！');
    });

    // 尝试复制文字
    await this.clipboard.writeText(textToCopy);
  }

  render() {
    return (
      <div>
        <button id="copyButton" onClick={this.handleCopy}>复制到剪贴板</button>
      </div>
    );
  }
}

export default MyComponent;

在这个例子中，当用户点击“复制到剪贴板”按钮时，会触发`handleCopy`函数，将`textToCopy`变量的内容复制到剪贴板。如果复制成功，会在控制台和弹框中显示相关信息。