在React JS中使用onClick复制组件

，可以通过以下步骤实现：

首先，确保你已经安装了React JS的开发环境，并创建了一个React组件。
在组件的state中添加一个属性，用于存储要复制的内容。例如，可以使用copyText作为属性名。
在组件的render方法中，将要复制的内容放在一个可点击的元素中，例如一个按钮或者一个文本框。给该元素添加一个onClick事件处理函数。
在onClick事件处理函数中，使用document.execCommand('copy')方法将内容复制到剪贴板。可以通过创建一个隐藏的textarea元素，将要复制的内容设置为其value属性，并将其添加到DOM中。然后使用select()方法选中文本，并执行document.execCommand('copy')方法进行复制。

下面是一个示例代码：

import React, { Component } from 'react';

class CopyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      copyText: '要复制的内容',
    };
  }

  handleClick = () => {
    const copyTextarea = document.createElement('textarea');
    copyTextarea.value = this.state.copyText;
    document.body.appendChild(copyTextarea);
    copyTextarea.select();
    document.execCommand('copy');
    document.body.removeChild(copyTextarea);
    alert('内容已复制到剪贴板');
  };

  render() {
    return (
      <div>
        <button onClick={this.handleClick}>复制内容</button>
      </div>
    );
  }
}

export default CopyComponent;

在上述示例中，我们创建了一个名为CopyComponent的React组件。组件的state中有一个copyText属性，用于存储要复制的内容。在render方法中，我们创建了一个按钮，并将onClick事件处理函数设置为handleClick方法。在handleClick方法中，我们创建了一个隐藏的textarea元素，并将要复制的内容设置为其value属性。然后将textarea元素添加到DOM中，选中文本并执行复制操作。最后，我们从DOM中移除textarea元素，并弹出一个提示框，显示复制成功的消息。

这是一个简单的示例，你可以根据实际需求进行修改和扩展。