React復制到剪貼板的示例代碼

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 ? Copied. : null}

    


    
   </div>
  );
 }
});

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

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

</pre></div><p><img src="/upload/otherpic44/67721.gif" alt="React復制到剪貼板的示例代碼"></p><p>以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。</p>            
            
                        <br>
            本文名稱：React復制到剪貼板的示例代碼            <br>
            分享地址：<a href="http://m.jiaotiyi.com/article/iggcps.html">http://m.jiaotiyi.com/article/iggcps.html</a>
        </div>
    </div>
    <div   id="a0uyuyc"   class="other">
        <h3>其他資訊</h3>
        <ul>
            <li>
                    <a href="/article/hjjge.html">python中對_init_的理解及實例解析-創(chuàng)新互聯(lián)</a>
                </li><li>
                    <a href="/article/hjjjh.html">php源碼學習日志hash表-創(chuàng)新互聯(lián)</a>
                </li><li>
                    <a href="/article/hjjgp.html">js如何實現(xiàn)動態(tài)顯示時間效果-創(chuàng)新互聯(lián)</a>
                </li><li>
                    <a href="/article/hjjih.html">計算機網(wǎng)絡中CAI是指什么意思-創(chuàng)新互聯(lián)</a>
                </li><li>
                    <a href="/article/hjjci.html">修改php時區(qū)的三種方法-創(chuàng)新互聯(lián)</a>
                </li>        </ul>
    </div>
</div>
<footer>
    <div   id="mg0osqa"   class="message">
        <div   id="y8qeqcs"   class="mess container">
            <p>免費獲取網(wǎng)站建設與品牌策劃方案報價</p>
            <span>*主要業(yè)務范圍包括：高端網(wǎng)站建設， 集團網(wǎng)站建設(網(wǎng)站建設網(wǎng)站制作)找網(wǎng)站建設公司就上云錦誠科技。</span>
            <form action="">
                <input type="text" class="ipt1" placeholder="聯(lián)系人">
                <input type="text" class="ipt2" placeholder="聯(lián)系電話">
                <textarea name="" id=""  placeholder="內(nèi)容描述：描述您的需求，如網(wǎng)站、微信、電商、APP等。">
                提交需求