[React] Copy to Clipboard 사용

React 에서 Copy to Clipboad 쓰기

 

간단하게 라이브러리 설치해서 쓰면 됩니다.

$ npm install --save react react-copy-to-clipboard

 

사용 방법

import { CopyToClipboard } from 'react-copy-to-clipboard'

render() {
  const url = window.location.href; // url 복사

  <CopyToClipboard text={url}>
    <button>Copy URL to the clipboard</button>
  </CopyToClipboard>
}

onCopy event 도 있습니다.

<CopyToClipboard text={url}
          onCopy={() => this.setState({copied: true})}>
    <!-- 생략 -->
</CopyToClipboard>

 

 

codepen demo : https://codepen.io/nkbt/pen/eNPoQv?editors=0010