copy text using react js
import React, { Component } from "react"
export default class YourComponent extends Component {
constructor(props) {
super(props)
this.state = {
copySuccess: false
}
}
copyCodeToClipboard = () => {
const el = this.textArea
el.select()
document.execCommand("copy")
this.setState({copySuccess: true})
}
render() {
return (
<div>
<div>
<textarea
ref={(textarea) => this.textArea = textarea}
value="Example copy for the textarea."
/>
</div>
<div>
<button onClick={() => this.copyCodeToClipboard()}>
Copy to Clipboard
</button>
{
this.state.copySuccess ?
<div style={{"color": "green"}}>
Success!
</div> : null
}
</div>
</div>
)
}
}