本篇文章主要介绍了react复制到剪贴板的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本文介绍了React复制到剪贴板可以使用插件copy-to-clipboard，分享给大家，具体如下：
参考API文档
安装
MediPro商贸信息网站系统
下载
基于PHP+MYSQL开发，具有完善的企业、信息、产品、文章发布和管理功能，灵活的会员权限控制和会员管理系统，灵活的可视化模版引擎，HTML静态页面生成和多语言支持，丰富的网站辅助工具，用于创建行业商贸信息网站、地方商贸信息门户网站。v5.1版本增加了多项功能,支持了PHP5+MYSQL5环境,前台网站插件开放源码,更利于个性化的商贸网站开发。主要功能模块：企业名录系统 - 企业介绍发布和企业名录
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
{this.state.copied ? Copied. : null}
);
}
});
const appRoot = document.createElement('p');
appRoot.id = 'app';
document.body.appendChild(appRoot);
ReactDOM.render(
