react-clipboard2

Component to allow the user to easily copy text.

Install

npm install react-clipboard2 --save

Usage

var React = require("react");
var ReactDOM = require("react-dom");
var Clipboard = require("react-clipboard2");
 
var App = React.createClass({
 
  render: function() {
    return (
      <div>
        <Clipboard  onFail={handleFail.bind(this)}  onCopy={handleCopy.bind(this)} text="this text will be copyed">
            <button>Click here to copy</button>
        </Clipboard>
      </div>
    );
  },
 
  handleCopy : function(text) {
    alert("copied: " + text);
  }
 
  handleFail: function () {
    alert('failed');
  }
 
});
 
ReactDOM.render(
  <App />,
  document.querySelector("#app")
);