react-copy-to-clipboard

import React, { useState } from 'react';
import { CopyToClipboard } from 'react-copy-to-clipboard';

const ExampleComponent = () => {
  const [text, setText] = useState('');
  const [copied, setCopied] = useState(false);

  const handleCopy = () => {
    setCopied(true);
  };

  return (
    <div>
      <input
        type="text"
        value={text}
        onChange={(e) => setText(e.target.value)}
      />
      <CopyToClipboard text={text} onCopy={handleCopy}>
        <button>복사</button>
      </CopyToClipboard>
      {copied && <span>복사되었습니다!</span>}
    </div>
  );
};

export default ExampleComponent;