将值复制到React JS中的剪贴板，而不显示虚拟元素

import React from 'react';
import {CopyToClipboard} from 'react-copy-to-clipboard';

class CopyToClipboardExample extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      value: '要复制的值',
      copied: false
    };
  }

  handleCopy = () => {
    this.setState({copied: true});
  };

  render() {
    return (
      <div>
        <input value={this.state.value} readOnly />
        <CopyToClipboard text={this.state.value} onCopy={this.handleCopy}>
          <button>复制到剪贴板</button>
        </CopyToClipboard>
        {this.state.copied ? <span style={{color: 'red'}}>已复制</span> : null}
      </div>
    );
  }
}

export default CopyToClipboardExample;