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>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。</p>            
            
                        <br>
            名称栏目：React复制到剪贴板的示例代码            <br>
            文章出自：<a href="http://6mz.cn/article/iggcps.html">http://6mz.cn/article/iggcps.html</a>
        </div>
    </div>
    <div class="other">
        <h3>其他资讯</h3>
        <ul>
            <li>
                    <a href="/article/heejje.html">python求长度函数,Python计算长度</a>
                </li><li>
                    <a href="/article/heejpj.html">python主函数与传参,python类的传参</a>
                </li><li>
                    <a href="/article/heejhe.html">c语言判断后返回主函数,主函数的返回值</a>
                </li><li>
                    <a href="/article/heejps.html">php数据库查找并便利,php实现简单的查询功能</a>
                </li><li>
                    <a href="/article/heejhh.html">go语言编程hello,Go语言编程之旅一起用Go做项目</a>
                </li>        </ul>
    </div>
</div>
<footer>
    <div class="message">
        <div class="mess container">
            <p>免费获取网站建设与品牌策划方案报价</p>
            <span>*主要业务范围包括：高端网站建设， 集团网站建设(网站建设网站制作)找网站建设公司就上快上网。</span>
            <form action="">
                <input type="text" class="ipt1" placeholder="联系人">
                <input type="text" class="ipt2" placeholder="联系电话">
                <textarea name="" id=""  placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。">
                提交需求