将p标记之间的文本复制到React中的剪贴板

npm install clipboard-copy

yarn add clipboard-copy

import React from 'react';
import copy from 'clipboard-copy';

class MyComponent extends React.Component {
  handleClick = () => {
    const textToCopy = document.querySelector('p').innerText;
    copy(textToCopy);
    alert('文本已成功复制到剪贴板！');
  }

  render() {
    return (
      <div>
        <p>这是要复制的文本。</p>
        <button onClick={this.handleClick}>复制到剪贴板</button>
      </div>
    );
  }
}

export default MyComponent;