# react-copy-to-clipboard
react 復制粘貼
```
npm?install?--save?react?react-copy-to-clipboard
import?React?from'react';
import?ReactDOM?from'react-dom';
import?{CopyToClipboard}?from'react-copy-to-clipboard';
class?App?extends?React.Component?{
??state?=?{
value:?'',
copied:?false,
??};
??render()?{
return?(
????????<input?value\={this.state.value}
??????????onChange\={({target:?{value}})?=>?this.setState({value,?copied:?false})}?/>
?
????????<CopyToClipboard?text\={this.state.value}
??????????onCopy\={()?=>?this.setState({copied:?true})}>
??????????Copy?to?clipboard?with?span
????????
?
????????<CopyToClipboard?text\={this.state.value}
??????????onCopy\={()?=>?this.setState({copied:?true})}>
??????????Copy?to?clipboard?with?button
????????
?
????????{this.state.copied???Copied.?:?null}
??????
????);
??}
}
const?appRoot?=?document.createElement('div');
document.body.appendChild(appRoot);
ReactDOM.render(,?appRoot);
```
