navigator copy to clipboard react

Amjad Saeed answered on February 3, 2024 Popularity 3/10 Helpfulness 4/10

answer navigator copy to clipboard react

navigator copy to clipboard react

Comment

import React, { useState } from 'react';

const MyComponent = () => {
const [copySuccess, setCopySuccess] = useState('');

// your function to copy here

  const copyToClipBoard = async copyMe => {
    try {
      await navigator.clipboard.writeText(copyMe);
      setCopySuccess('Copied!');
    } catch (err) {
      setCopySuccess('Failed to copy!');
    }
  };

return (
 <div>
    <Button onClick={() => copyToClipBoard('some text to copy')}>
     Click here to copy
     </Button>
  // after copying see the message here
  {copySuccess}
 </div>
)
}

Popularity 3/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: clipboard copy javascript navigator

Link to this answer
Share Copy Link

Contributed on Feb 03 2024

Amjad Saeed

0 Answers Avg Quality 2/10

navigator copy to clipboard react

Contents

More Related Answers

navigator copy to clipboard react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.