“Klik untuk menyalin React” Kode Jawaban

Klik untuk menyalin React

onClick={() => {navigator.clipboard.writeText(this.state.textToCopy)}}
Grumpy Gharial

bereaksi salinan ke clipboard

onClick={() => {navigator.clipboard.writeText(this.state.textToCopy)}}
Disgusted Dugong

cara menyalin ke clipboard di reaksi js

<button 
  onClick={() =>  navigator.clipboard.writeText('Copy this text to clipboard')}
>
  Copy
</button>
Inquisitive Ibex

Salin ke clipboard reatjs

import React, { useRef, useState } from 'react';

export default function CopyExample() {

  const [copySuccess, setCopySuccess] = useState('');
  const textAreaRef = useRef(null);

  function copyToClipboard(e) {
    textAreaRef.current.select();
    document.execCommand('copy');
    // This is just personal preference.
    // I prefer to not show the the whole text area selected.
    e.target.focus();
    setCopySuccess('Copied!');
  };

  return (
    <div>
      {
       /* Logical shortcut for only displaying the 
          button if the copy command exists */
       document.queryCommandSupported('copy') &&
        <div>
          <button onClick={copyToClipboard}>Copy</button> 
          {copySuccess}
        </div>
      }
      <form>
        <textarea
          ref={textAreaRef}
          value='Some text to copy'
        />
      </form>
    </div>
  );
}
Adorable Anteater

Jawaban yang mirip dengan “Klik untuk menyalin React”

Pertanyaan yang mirip dengan “Klik untuk menyalin React”

Lebih banyak jawaban terkait untuk “Klik untuk menyalin React” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya