[React] 텍스트 크립보드에 복사하기(react-copy-to-clipboard)

react-copy-to-clipboard 사용하기

아래와 같이 react-copy-to-clipboard 라이브러리를 설치합니다 !

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

 

CopyToClipboard 컴포넌트를 이용해 작성해줍니다 !

import {CopyToClipboard} from "react-copy-to-clipboard/src";

<CopyToClipboard text={wallet} onCopy={() => alert("클립보드에 복사되었습니다.")}>
	<div className="URL">{wallet}</div>
</CopyToClipboard>

CopyToClipboard를 import한 뒤 CopyToClipboard 컴포넌트의 'text'에 복사할 텍스트를 입력하면 클릭 시 자동으로 클립보드에 복사됩니다 !