react 點擊復制文本

class Index extends Component {
  constructor(props) {
    super(props);
  }

  copyText = () => {
    var val = document.getElementById('text');
    window.getSelection().selectAllChildren(val);
    document.execCommand("Copy");
  }

  render() {
    return (
      <div>
        <div className="wrapper">
          <p id="text">復制成功！</p>
          <button onClick={this.copyText}>copy</button>
        </div>
      </div>
    );
  }
}
export default Index;

 

本文參考自： https://blog.csdn.net/qq_34790644/article/details/105641231