“Kopieren Sie in Zwischenablage Reatjs” Code-Antworten

Reagieren Sie kopieren in die Zwischenablage

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

So kopieren Sie in React JS in Zwischenablage

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

Kopieren Sie in Zwischenablage 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

Ähnliche Antworten wie “Kopieren Sie in Zwischenablage Reatjs”

Fragen ähnlich wie “Kopieren Sie in Zwischenablage Reatjs”

Weitere verwandte Antworten zu “Kopieren Sie in Zwischenablage Reatjs” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen