Блог

Я хочу скопировать содержимое div при нажатии кнопки.

 import React from 'react';

const App = () => {

const copyCode = () => {
    //TODO
}

const data = "www.test.com";

const srcCode = `<script src=${data}></script>`;


return (
    <>
    <div>
      {srcCode}
    </div>
    <button onClick={copyCode}>
        Copy
    </button>
    </>
);
}
  

экспортировать приложение по умолчанию;

Это может быть просто с помощью библиотеки react-copy-to-clipboard

 const data = "www.test.com";
const srcCode = `<script src=${data}></script>`;

return (
  <>
    <div>{srcCode}</div>
    <br />
    <CopyToClipboard text={srcCode} onCopy={() => alert("copied")}>
      <button>Copy</button>
    </CopyToClipboard>
  </>
);
  

Codesandbox для демонстрации