npm install --save react react-copy-to-clipboard

const App = React.createClass({
 getInitialState() {
  return {value: '', copied: false};
 },


 onChange({target: {value}}) {
  this.setState({value, copied: false});
 },


 onCopy() {
  this.setState({copied: true});
 },


 render() {
  return (
   

    
CopyToClipboard

     

    
     Copy to clipboard with span
     

    
     Copy to clipboard with button
     


    {this.state.copied &＃63; Copied. : null}

    


    
   </div>
  );
 }
});

const appRoot = document.createElement('div');

appRoot.id = 'app';
document.body.appendChild(appRoot);
ReactDOM.render(<App />, appRoot);

</pre>
</div>
<p ><img src="https://img.php1.cn/3cd4a/1e618/42f/08dfff24d9d6bc72.gif&＃63;201772216446"   alt="" /></p>
<p>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。</p>
                            
                                    <br>
        <script type="text/javascript">
            var cpro_id = "u6885494";

        </script>
        <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script>
    </div>


    <div class="blog_tags">
        <ul>
                        <li><a href="https://www.php1.cn/tag/react" target="_blank" title="react">react</a></li>
                        <li><a href="https://www.php1.cn/tag/npm" target="_blank" title="npm">npm</a></li>
                    </ul>
    </div>



    <div class="article_cmnt" style="display: none;">
        <div class="cmnt_title">写下你的评论吧 !</div>
        <form action="" method="post">
            <div class="cmnt_text">
                <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了
            
            

                

                                        会员登录 | 用户注册