“Нажмите, чтобы скопировать React” Ответ

Нажмите, чтобы скопировать React

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

Реактируйте копию в буфер обмена

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

Как копировать в буфер обмена в React JS

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

Скопируйте в буфер обмена 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

Ответы похожие на “Нажмите, чтобы скопировать React”

Вопросы похожие на “Нажмите, чтобы скопировать React”

Больше похожих ответов на “Нажмите, чтобы скопировать React” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования